一、配置路由
//1.建立元件(元件均被建立完成)
import home from './components/home.vue';
import news from './components/news.vue';
import content from './components/content.vue';
import user from './components/user.vue';
import useradd from './components/user/useradd.vue';
import userlist from './components/user/userlist.vue';
//2.配置路由 注意:名字
const routes = [
, ,//具名路由
,//巢狀路由]},
, /*動態路由*/
/*預設跳轉路由*/
]//3.例項化vuerouter 注意:名字
const router = new vuerouter()
//4、掛載路由
new vue()
二、路由的使用
1、首頁
2、//路由檢視標籤呼叫預設路由
//使用路由傳參
//'item.aid'為傳入的引數
3、}//使用具名路由進行跳轉
//跳轉至『/news』
4、this.$router.push()
//使用路由傳參
//'495'為傳入的引數
5、 this.$router.push();
//使用物件向路由中傳參
6、 router.push(})
三、路由的引數接收
//『aid』為要接收的引數,在配置路由時建立
var aid=this.$route.params.aid;
Vue學習12箭頭函式 vue router
es6中的肩頭函式 const cc 引數列表 例如 乙個引數的時候括號可以省略掉 const power num 函式中沒有引數的時候 const test 函式中還有一行 的時候 const mul num1,num2 num1 num2什麼時候用箭頭函式比較多?打算把乙個函式作為另外乙個函式引...
vue學習 vue router的基本使用步驟
注 由於vue router是基於vue實現的,所以先引入vue檔案,再引入vue router檔案。login 登陸 register 註冊 router link標籤 在瀏覽器中會被預設渲染成a標籤,to屬性則會被渲染成href屬性,to的屬性值則會被渲染成 原本的值 例如to login 則會...
Vue 前端路由 vue router
1 前端路由 後端路由 多頁面,伺服器端渲染好返回給瀏覽器。前後端分離 後端只提供api來返回資料,前端通過ajax獲取資料後,在通過一定的方式渲染到頁面上。spa 前後端分離 前端路由。spa只有乙個html檔案,整個 的所有內容都在這乙個html裡,通過js來處理。2 vue router 路由...