星期日, 10月 23, 2016

[Vue.js] vue-router 2.0 使用筆記

記錄一下使用vue-router 2.0的筆記,高手請略過~

 在其他組件呼叫router

例如你會切一個Header.vue的組件,但可能做了什麼事之後要靠router轉頁就會用到

Header.vue如何import

app.js(我的vue app進入點)也要export你new出來的vue-router


router-link自訂active class


由於在2.0版後都使用router-link取代v-link,當router-link被觸發時,都會自已一個樣式router-link-active,你可以用linkActiveClass指定你自已的唷

router-link使用tag自定渲染元素

說明一下怎麼跟bootsrap的nav樣式結合,因為active的效果是在li,因此要自定一下router-link渲染的程式



沒有留言:

張貼留言

留個話吧:)