1,使用路由前先在專案中安裝路由,命令:npm i vue-router
2,在模組中使用
import vue from "vue"
import vuerouter from "vue-router" // 引入依賴中的vue和vue-router
vue.use(vuerouter); //模組中安裝路由功能
3,建立路由物件並匯出
var router = new vuerouter(config);
export default router;
4,注入到vue中 ,可以在任何元件內通過this.$router
訪問路由器,也可以通過this.$route
訪問當前路由:
import router from "./routes";//此路徑為上面的配置路由模組
5,現在就可以定義路由跳轉了
export default,,],
mode: "history",
// 路由模式:
// hash:路徑來自於位址列中#後面的值,這種模式相容性比較
// history:路徑來自於真實的位址路徑,舊瀏覽器不相容
// abstract:路徑來自於記憶體
6,路由跳轉
,或者在js裡
this.$router.push(})
this.$router.push(})
this.$router.push(}) // 只能用 name
// params傳引數 (類似post),uery傳引數 (類似get,url後面會顯示引數)
7,讀取引數
在html 中取參 $route.params.id或$route.query.id
在script 中取參 this.$route.params.id或this.$route.query.id
vue中路由跳轉 配置
import vuerouter from vue router vue.use vuerouter 例項const routes name 在做路由守衛的時候會用到name,children export const router new vuerouter 預設是hash模式 hash模式和hi...
vue的那些事
這是一篇包含vue2以及vue3的一些知識點,瀏覽一下吧.computed中的屬性是存在快取中的,只有所依賴的引數改了,才會重新計算一遍,不然不會計算。如果屬性不在computed裡修改,也不會做相應的更新 data computed created 最終的text是4,而不是777watch的兩種...
關於Winform編譯配置那些事
這次我們來聊聊winform編譯中的那些屬性設定,也算對這部分知識的乙個梳理。debug release platform不同設定的內部差別 常規設定 錯誤和警告 將警告視為錯誤 輸出高階設定 在使用visual studio的過程中,工具欄上面的build欄是我們常常開啟顯示而不怎麼去關注的乙個地...