Vue小知識點

2021-08-15 18:07:55 字數 1710 閱讀 3341

動態路由

巢狀路由

routes: []}

]

程式設計式導航

// 字串

router.push('home')

// 物件

router.push()

// 命名的路由

router.push(})

// 帶查詢引數,變成 /register?plan=private

router.push(})

const userid = 123

router.push(}) // -> /user/123

router.push(` }) // -> /user/123

// 這裡的 params 不生效(有path, params會被忽略)

router.push(}) // -> /user

命名檢視

"view one"

>>

"view two" name=

"a">>

"view three" name=

"b">>

const router =

new vuerouter(

}]})

當name為空 預設為default

重定向和別名

const router = new vuerouter(

]})const router = new vuerouter(}

]})const router = new vuerouter(}

]})

const router = new vuerouter(

]})

『別名』的功能讓你可以自由地將 ui 結構對映到任意的 url,而不是受限於配置的巢狀路由結構。

我的理解是可以跳轉到其他url ,不一定是這個專案裡面寫的url

history模式

}在你的 firebase.json 中加入:

]}}

const router = new vuerouter(

]})

vue小知識點

小知識點 this.forceupdate 強制渲染 如果element table 中間某行出現貫穿線可以為其新增樣式 el table before 嵌入子元件常用方法 父元件可以通過this.refs.tree.changecon 11111 執行子元件方法並穿參 this.children ...

VUE小知識點

1 通過data中的list迴圈img 在data中需要新增 require 如 2 獲取元素的data屬性 前台 js jump e 3 js裡進行跳轉 html 點我到第二個頁面js methods 4 向data中賦值 let that this that.center 0 center為da...

vue3 小知識點

1.reactive reactive 用於為物件新增響應式狀態。接收乙個js物件作為引數,返回乙個具有響應式狀態的副本。import from vue 響應式狀態 const state reactive 列印count的值 console.log state.count 頁面顯示 直接匯出sta...