Vue在前端開發(fā)中使用廣泛,并且經(jīng)常需要獲取當(dāng)前頁面對象。本文將介紹如何通過Vue獲取當(dāng)前頁面對象。
Vue提供了一個全局變量`$route`,可以在Vue組件內(nèi)部訪問到該變量。
mounted() {
console.log(this.$route);
},
`$route`對象包含了當(dāng)前頁面的路由信息,包括路徑、參數(shù)等等。
{
path: "/home",
params: {
id: "123"
}
}
除了`$route`變量,Vue還提供了一個全局變量`$router`,通過該變量可以訪問頁面跳轉(zhuǎn)等功能。
methods: {
handleClick() {
this.$router.push("/home");
}
},
通過`this.$router.push`方法可以實現(xiàn)程序級別的跳轉(zhuǎn)。
綜上所述,通過Vue的`$route`和`$router`變量可以方便地獲取和操作當(dāng)前頁面對象,從而實現(xiàn)各種效果。