Vue.js

Vue.js

Vue.jsにおけるv-ifとv-showの違い

v-ifとv-showディレクティブは、条件分岐を行うことができるのですが、 挙動が少し異なります。 例えば、以下のコードで、ボタンを押下時に 要素を表示・非表示を切り替えてみます。
Vue.js

vue-cli&webpack&Onsen UIでHello World!

今回は、vue-cliとwebpack、Onsen UIを使ってHello Worldを表示して見たいと思います。 Onsen UIとは? Onsen UIはモバイルアプリに特化したUIコンポーネントの集まりで、iOSやAndroidのデザインや機能に準拠した作りになっているのが特徴です。
Vue.js

Vuexのアクションを理解する

Vuexのアクション(actions)は、 ミューテーションと似ていますが、 アクションは、状態を変更するのではなく、ミューテーションをコミットする。 アクションは任意の非同期処理を含むことができる。 という点で異なります。
Vue.js

VuexとVue Routerの導入方法

VuexはVueのコンポーネント間のデータの共有をシンプルにしてくれる拡張プラグインです。 複数のコンポーネント間のデータを共有 データの状態に関する処理をストアで共通化 大きな状態管理もモジュールで細分化 といったメリットがあります。 また、Vue RouterはVue.jsでシングルページアプリケーション(SPA)を構築するための拡張プラグインです。
Vue.js

vue-cliの始め方・vue.jsを入門してみよう

前提条件 前提条件として、node.jsとnpmがinstallされている必要があります。 node -v npm -v で確認しておきましょう。 もし、インストールがまだの場合は以下のリンクを参照してください。 w...