元件支援使用者在具有路由功能中的點選導航。通過to屬性指向目標位址,預設渲染成正確的a標籤
1.to屬性 字串或是物件型別
點選會立刻把內部to值傳送到router.push()
例:home
home
渲染結果:home
2.replace屬性 布林型別值
設定replace話,點選呼叫router.replace();導航就不會留下history記錄
例:home
設定該屬性後,則在當前的相對路徑前加上基路徑
例如,我們從 /a 導航到乙個相對路徑
b,如果沒有配置
,則路徑為
/b,如果配了,則為
/a/b
4.tag屬性字串型別
如果想把渲染成自定義標籤,
home
渲染結果:home
5.active-class屬性字串型別(預設router-link-active)
設定鏈結啟用時使用css類名,預設通過linkactiveclass來全域性配置
6.exact屬性布林型別值(預設false)
是否啟用預設類名的依據是 inclusive match (全包含匹配)
/的時候被啟用
-->
7.event屬性字串型別值或者是陣列字串
宣告可以用來觸發導航事件,
8.exact-active-class屬性字串型別值(預設router-link-exact-active)
配置當鏈結被精準匹配時候啟用class,可通過linkexactactiveclass進行全域性配置
Vue學習筆記 一
1 vue基本模型 一段html 配合json,再new 處理vue例項。html json格式的資料 vue.js var vm new vue new vue 2.2.2 v for value in json 2.2.3 v for k,v in json 如果有重複的資料 track by ...
vue學習筆記(一)
一.搭建環境 1.如果我們的電腦上有了node和npm,我們就只需要執行下面的命令全域性安裝vue cli腳手架 npm install g vue cli 或者 cnpm install g vue cli 2.構建完腳手架之後,隨便進入乙個我們事先準備好的目錄,比如demo目錄,然後在目錄中做初...
vue 學習筆記(一)
例項生命週期鉤子 1 在beforecreate和created之間,進行資料觀測 data observer 也就是在這個時候開始監控data中的資料變化了,同時初始化事件 2 首先系統會判斷物件中有沒有el選項 有el選項,則繼續編譯過程 沒有el選項,則停止編譯,也意味著暫時停止了生命週期 直...