vue學習筆記一之

2022-04-07 18:31:27 字數 807 閱讀 6942

元件支援使用者在具有路由功能中的點選導航。通過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選項,則停止編譯,也意味著暫時停止了生命週期 直...