vue 路由物件屬性

2021-10-02 21:30:22 字數 900 閱讀 7243

更多路由屬性檢視官網

this.$route.path

型別: string

字串,對應當前路由的路徑,總是解析為絕對路徑,如 "/foo/bar"。

this.$route.params

型別: object

乙個 key/value 物件,包含了動態片段和全匹配片段,如果沒有路由引數,就是乙個空物件。

this.$route.query

型別: object

乙個 key/value 物件,表示 url 查詢引數。例如,對於路徑 /foo?user=1,則有 this.$route.query.user == 1,如果沒有查詢引數,則是個空物件。

this.$route.hash

型別: string

當前路由的 hash 值 (帶 #) ,如果沒有 hash 值,則為空字串。

this.$route.fullpath

型別: string

完成解析後的 url,包含查詢引數和 hash 的完整路徑。

this.$route.matched

型別: array乙個陣列,包含當前路由的所有巢狀路徑片段的路由記錄 。路由記錄就是 routes 配置陣列中的物件副本 (還有在 children 陣列)。

const router = new vuerouter(]}

]})當 url 為 /foo/bar,$route.matched 將會是乙個包含從上到下的所有物件 (副本)。

this.$route.name

當前路由的名稱,如果有的話。(檢視命名路由)

$route.redirectedfrom

如果存在重定向,即為重定向**的路由的名字。(參閱重定向和別名)

#元件注入

vue路由資訊物件

乙個路由資訊物件表示當前啟用的路由的狀態資訊,每次成功的導航後都會產生乙個新的物件。path字串,對應當前路由的路徑 params物件,包含動態路由引數 query物件,url查詢引數 hash字串,當前路由的hash值 fullpath字串,url包含查詢引數和hash的完整路徑 matched陣...

vue 給物件新增屬性

根據官方文件定義 如果在例項建立之後新增新的屬性到例項上,它不會觸發檢視更新。當你把乙個普通的 j ascript 物件傳入 vue 例項作為data選項,vue 將遍歷此物件所有的屬性,並使用object.defineproperty把這些屬性全部轉為 getter setter。受現代 j as...

Vue 給物件新增屬性

vue 不允許在已經建立的例項上動態新增新的根級響應式屬性 root level reactive property 然而它可以使用 vue.set object,key,value 方法將響應屬性新增到巢狀的物件上 vue.set vm.obj,e 0 您還可以使用 vm.set 例項方法,這也是...