動態路由
巢狀路由
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...