✨実験用の小さなコードを公開するのに、jsfiddleはとても便利ですよね。 📄vueは、単一ファイルコンポーネント（SFC)の仕組みがとても気に入っています。 この２つを組み合わせたものが欲しくて、VueFiddleなるものを密かに開発を進めています。 About VueFiddle WIP vueに特化したオンラインIDE 単一ファイルコンポーネントの記述対応 templateは HTML / PUG　対応 styleは　CSS / LESS 対応 scriptは javascript / TypeScript 対応 URLシェアに対応 サポートブラウザ(PC版 Chrome/Firefox) Usage 基本的には、jsfiddleと似せています。 左上のtemplate(HTML)パネルに、templateを記述し、 左下のscript(JAVASCRIPT)パネルに、scrip

背景 Vue.js本家からは公式のテストライブラリは提供されておらず、非公式でvue-test, avoriaz, vue-testing, revue, vue-unit等が公開されています。それらの中で一番Star数が多いavoriazついて調査した内容をまとめます。 前提 Karma + Mocha + Chaiを利用する 以下のHelloコンポーネントをテスト対象とする <template> <div id="hello"> <img src="http://vuejs.org/images/logo.png"> <h1>{{ msg }}</h1> <h2 class="subtitle">Essential Links</h2> <h2>Ecosystem</h2> <h3>nickname: {{ user.nickname }}</h3> </div> </template

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

この記事は Vue.js Advent Calendar 2016 の21日目です。 https://skyronic.com/blog/vuejs-internals-computed-properties の記事に算出プロパティのミニマムな実装例が示されているのですが、実際に Vue のコードでどのように実装されているか調べました(省けるところは都度省いたのですが、けっこう長いです…)。対象の Vue のバージョンは v2.1.6 です。 そもそも算出プロパティとは そもそも算出プロパティとはなんぞや、という話から。Vue には算出プロパティという機能があり、以下のように data の状態から派生した値をプロパティとして定義できます。 var vm = new Vue({ el: '#app', data: { firstName: 'Foo', lastName: 'Bar' },

$ ./node_modules/.bin/eslint src/* /my/impressive/path/08-vue-lint/src/App.vue 8:40 error Extra semicolon semi 11:3 error Expected indentation of 2 spaces but found 1 tab indent 12:4 error Expected indentation of 2 spaces but found 2 tabs indent 13:3 error Expected indentation of 0 spaces but found 1 tab indent 13:4 error Unexpected trailing comma comma-dangle 14:3 error Extra semicolon semi /my/i

Vetur Project status issue: https://github.com/vuejs/vetur/issues/3476 New official vue editor support: Volar VSCode extension: https://marketplace.visualstudio.com/items?itemName=Vue.volar Project: https://github.com/johnsoncodehk/volar LSP: https://github.com/johnsoncodehk/volar Vue tooling for VS Code. vls: Vue Language Server vti: Vetur Terminal Interface Docs 🎉 VueConf 2017 Slide & Video 🎉