1. 程式人生 > >vue使用中的小知識點

vue使用中的小知識點

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的值,來書導航欄的狀態