在Vuex有四大物件元素，分別是State、Mutations、Getters、Actions 如果把Vuex用Vue實例的屬性來比喻(注：這樣比喻是錯的 不精準得，但方便聯想) state存放資料類似data Mutations設定方法函式讓人能主動呼叫、觸發，類似methods 那Getters呢？ Getters類似computed 例如現在store.js中是這樣 import Vue from 'vue'; import

範例1. 如果是<script>引入進vue.js，那就<script>引入vuex <script src='<https://cdnjs.cloudflare.com/ajax/libs/vuex/3.

延續先前 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