延續先前 Vuex 筆記，其實我們要註冊引入vuex，可以不用在main.js引入註冊vuex，但這種方法不推薦。 不推薦的寫法 main.js import Vue from 'vue'; import App from './App.vue'; //註解 import

首先用vue cli建立專案，這裡用webpack-simple模板建立 vue init webpack-simple 專案名稱 cd 專案名稱 npm install nom rub dev 接著安裝vue router npm install -s vue-router 編輯器或IDE打開專案，要用Vue-router，首先到main.js檔案上方import程式碼區塊新增 import

我們會用props來獲取資料，但是如果是直接定義在HTML的模板： 假設組件的props是 props: ['myData'] HTML的模板要寫 <div :my-data = "data"></div> 因為HTML沒有大寫 假設是寫在JS、.vue組件內的template，用字串模板` ` template:`<div

我們在Vue使用組件，一般都是用Vue.component( )來寫Vue.component( )的第一個參數是組建名稱，第二個參數是物件，裡頭會有data、template、methods...etc Vue.component("組件名稱", { <u>//....</u> } 組件名稱基本上會有三種命名方式 1.kebab-case

使用Vue 動態切換組件時(或SPA)，有時我們在切換組件時想保存原本組件的資料： 例如有一個組件是表單，寫到一半點選其他組件，網頁把表單組件置換成別的組件，這時再切回表單組件時，會發現原本寫表單寫到一半的文字資料不見了。 這其實很合理，因為組件切換是把原本組件刪除，切換回來是再次動態產生，所以新組件自然沒有保存被刪除置換前的資料。 想解決這方法，只要在表單組件(或想暫時保存資料的組件)外，用<Keep-alive>標籤把該組件<組件>