Vue路由的一些知識點

總結幾個有關路由的知識點

$route為當前router跳轉物件裡面可以獲取name、path、query、params等

$router為vuerouter例項，想要導航到不同url，則使用$router.push方法等

to是指直接跳轉頁面go

:to是指跳轉時候傳參go

方式一 path方式 引數放在query裡面

// 當前是a頁面 想傳值到 b頁面

<
template
>
<
divclass
="me"
>
<
router
-link :to
="}"
>
go<
/router-link>
<
/div>
<
/template>
<
script
>
export
default
<
/script>
<
style
scoped
lang
="less"
>
<
/style>
​// 路由配置頁面
import
vuefrom
'vue'
import
router
from
'vue-router'
vue.use(router)
​import
bbfrom
'../components/bb/bb.vue'
​vue.use(router)
​export
default
newrouter(]})
​// b頁面
<
template
>
<
divclass
="test"
>
} // this is cc
<
/div>
<
/template>
<
script
>
export
default 
<
/script>
<
style
scoped
lang
="less"
>
<
/style>

方式二 name方式 引數放在params裡面

// 當前是a頁面 想傳值到 b頁面

<
template
>
<
divclass
="me"
>
<
router
-link :to
="}"
>
go<
/router-link>
<
/div>
<
/template>
<
script
>
export
default
<
/script>
<
style
scoped
lang
="less"
>
<
/style>
​// 路由配置頁面
import
vuefrom
'vue'
import
router
from
'vue-router'
vue.use(router)
​import
bbfrom
'../components/bb/bb.vue'
​vue.use(router)
​export
default
newrouter(]})
​// b頁面
<
template
>
<
divclass
="test"
>
} // this is cc
<
/div>
<
/template>
<
script
>
export
default 
<
/script>
<
style
scoped
lang
="less"
>
<
/style>

一些vue的知識點

1 v model指令 在input及textarea元素上進行雙向繫結，v model會忽略所有表單元素的value，checked，selected特性的初始值而總是將vue例項的資料作為原資料。我認為就是只能顯示vue例項中data中的資料。2 v bind指令 將元素節點的屬性和vue例項屬...

vue路由知識點

建立路由，引入vue router自帶的vuerouter類 let router new vuerouter 在路由對映表中註冊元件 let routes 預設展示的路由 預設展示的路由,輸入錯誤位址的時候展示的頁面 展示 let home let list let routes 路由對映表 配置...

一些知識點

字串拼接 1.a join b a為元素之間的分隔符，b為待分割的序列 可用於輸出時的資料處理，元素間有空格，末尾沒有 2 s s s str1,str2,str3 前半部分為字串，後半部分為索引。用於引入，s是物件 3.format str1,str2,str3 與f 括號裡為已有變數 關於for...