vuex通信
new一個$store對象，我們項目裡用了三個屬性，state（響應式更新資料，取值），action（可以異步方法，但是其原理是觸發mutation函數，指派），mutation（隻能是同步方法，指派）還有getter（相當于計算屬性 computed），module
在入口函數導入路徑main.js,這樣才能全局用this.$store這個方法
那麼對store裡面是資料進行改變時方法為：
Vue中的路由router的設定：
在router裡将組建裡面的路由配置好：（導入router并将元件的路徑導入，配置路由位址）
mode:'history',
表示用history模式而不是hash模式：（hash會導緻浏覽器有#符号，而且不能使用錨點定位）
在入口main.js裡面引入router，才能使用this.$router.對頁面進行跳轉
那麼此時的13行和33，,34行就可以通過url跳轉到相應的頁面了
那麼如果要在每一個頁面都有頂部和底部的固定元件該怎麼辦呢？
不用配置路由，在app.vue裡面講footer和header的作為标簽導入并在script裡面導入檔案即可，這樣每一個頁面都會有固定的頂部和底部了
那麼這就是我們的單頁面應用了，通過hash值的改變，跳轉到不同的頁面，而頭部和底部又有固定的元件