1画面1コンポーネントみたいな形で実装されているプロジェクトで。v-ifが増えてごちゃごちゃしてきたのでコンポーネントの分け方をメモしておく。vue.jsの基本構文だけども。。Main.vue <template> <div> <part-free v-if="user.isFree" v-bind:user"></part-free> <part-premium v-if="user.isPremium" v-bind:user"></part-premium> </div> </template> <script> import PartFree from './PartFree.vue'…

こちらで書いたのとほぼ同じ内容だけれどもいちおうメモしておく。vue-routerの基本的な書き方は省略。Vueインスタンス生成部分 import Vue from 'vue' import VueRouter from 'vue-router' import routes from './routes' var router = new VueRouter({ rou…

vuexの基本的な使い方はみんな書いてるので省略Vueインスタンス生成部分 import Vue from 'vue' import store from './store' // ★ここを追加 Vue.store = store new Vue({ ・・・ store: store })mixin/mixinHoge.js import Vue from 'vue' export default …

vue-routerでquery stringをパラメータにつける際に配列がうまくいかなかったのでそのときに調べたことをメモしておく。想定しているurl以下の形。 http://localhost/my-component/?val=1&arr[]=10&arr[]=20最初に試した書き方 this.$router.replace({ name:…

はじめに vue.js使うことになりそうなので少しいじってみたのでメモしておく。とりあえず今回やってみようと思ったことは以下 ・ヘッダー、フッター、メニューなどの共通化 ・vue-routeを使ったルーティング ・ログイン機能 ・APIへのリクエスト ・vuexの導…