Vue cli中的跳轉

寫法一:

寫法二:

push與replace用法一樣,都是跳轉到指定網頁

區別:

this.$router.push('/path') 

this.$router.push() 
this.$router.push()

this.$router.go(n)

// params傳引數 (類似post)

// 路由配置 path: "/path/:id" 或者 path: "/path:id" 
// 不配置path ,第一次可請求,重新整理頁面id會消失
// 配置path,重新整理頁面id會保留
// query傳引數 (類似get,url後面會顯示引數)
// 路由可不配置
// html 取參 $route.query.id
// script 取參 this.$route.query.id

this.$router.push(或者replace)(}) //這裡name和path都可以

this.$router.push(或者replace)(}) // 只能用 name
// 路由配置 path: "/path/:id" 或者 path: "/path:id" ,
// 不配置path ,第一次可請求,重新整理頁面id會消失
// 配置path,重新整理頁面id會保留
// html 取參 $route.params.id
// js 取參 this.$route.params.id

1118 Day61 Vue CLI中的跳轉

寫法一 這裡的name是在vue路由裡面的 寫法二 push與replace用法一樣,都是跳轉到指定網頁 區別 this.router.push path this.router.push this.router.push 向前或者向後跳轉n個頁面，n可為正整數或負整數 this.router.go...

vuecli中的技巧

所有的元件都在components資料夾，根據需求可以在components中新建資料夾 在comments上右鍵，新建檔案，起名為元件名.vue 在父元件中，引入想要使用的子元件。盡量將起的名字和元件名保持一致 import 元件配置物件名 from vue的路徑 在父元件的元件配置物件中，進行元...

Vue cli中的元件

vue cli的元件都寫在專案資料夾下的 src 資料夾下的 components 下，每個元件單獨乙個 vue 檔案。每個元件檔案都包含 模版 template 元件引數 元件樣式 style 模版 template template 元件引數 script export default scri...