vue使用中的小知識點
阿新 • • 發佈:2018-11-19
1、vue-cli的index.html中引入的資源要放置於static資料夾中
2、vue屬於資料驅動,使用vuex時,為了使資料更加規整,可以給每個頁面都單獨建立一個物件,
這樣在各個物件引入時,也只需要引入該頁面的物件即可。const state={login:{},user:{}} ...mapState(['login'])
3、引入的外掛需要在main.js中定義後才能使用;Vue.use(axios);Vue.prototype.$axios=axios;
4、使用vuex時,使用的方法需要在store.js中再次引入和定義
5、一些jquery型別的外掛,可以在index.html中引入後使用
6、通過router-link進入的頁面重新渲染,如果資料狀態需要儲存,可以直接放到store.js中,需要初始化的資料放置於本元件
7、儲存元件狀態也可以使用keep-alive標籤,使用vue-router時,在需要快取的route中加入meta: { keepAlive: true }
<keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-view v-if="!$route.meta.keepAlive"></router-view>
8、引入的元件中沒有點選事件,直接在元件標籤中加入的點選事件也是無效的
9、頁面的初始化和資料請求一般放置於created(){}週期中,但像echarts類的圖表渲染要放到mounted(){}中
10、可以根據路由的地址this.$route.path的值,來書導航欄的狀態