更多路由屬性檢視官網
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 例項方法,這也是...