資訊專欄INFORMATION COLUMN
摘要：路由路由通俗解釋根據(jù)不同地址，出現(xiàn)不同效果，一般是用來寫應(yīng)用，單頁面應(yīng)用這里用的是版本一個(gè)路由的基本結(jié)構(gòu)跟用法引入路由文件主頁跳轉(zhuǎn)鏈接里面也是寫新聞?wù)故緝?nèi)容準(zhǔn)備一個(gè)根組件組件都準(zhǔn)備我是主頁我是新聞準(zhǔn)備路由關(guān)聯(lián)啟動(dòng)路由是作用范圍
vue 路由
路由通俗解釋：根據(jù)不同url地址，出現(xiàn)不同效果，一般是用來寫SPA應(yīng)用，單頁面應(yīng)用
這里用的是vue-router 0.7.13版本
一個(gè)路由的基本結(jié)構(gòu)跟用法：
引入路由js文件：
html:
主頁 //跳轉(zhuǎn)鏈接,v-link里面也是寫json 新聞//展示內(nèi)容
js:
//1. 準(zhǔn)備一個(gè)根組件
var App=Vue.extend();
//2. Home News組件都準(zhǔn)備
var Home=Vue.extend({
template:"我是主頁
"
});
var News=Vue.extend({
template:"我是新聞
"
});
//3. 準(zhǔn)備路由
var router=new VueRouter();
//4. 關(guān)聯(lián)
router.map({
"home":{
component:Home
},
"news":{
component:News
}
});
//5. 啟動(dòng)路由:#box是作用范圍
router.start(App,"#box");
//6.跳轉(zhuǎn)
router.redirect({
"/":"/home"
});
對(duì)于多層路由如下：
html：
我是主頁
我是新聞
{{$route.params | json}}//當(dāng)前參數(shù)
{{$route.path}}//當(dāng)前路徑
{{$route.query | json}}//數(shù)據(jù)
js：
//1. 準(zhǔn)備一個(gè)根組件
var App=Vue.extend();
//2. Home News組件都準(zhǔn)備
var Home=Vue.extend({
template:"#home"
});
var News=Vue.extend({
template:"#news"
});
var Detail=Vue.extend({
template:"#detail"
});
//3. 準(zhǔn)備路由
var router=new VueRouter();
//4. 關(guān)聯(lián)
router.map({
"home":{
component:Home,
subRoutes:{
"/login/:name":{
component:{
template:"我是登錄信息 {{$route.params | json}}"
}
},
"reg":{
component:{
template:"我是注冊(cè)信息"
}
}
}
},
"news":{
component:News,
subRoutes:{
"/detail/:id":{
component:Detail
}
}
}
});
//5. 啟動(dòng)路由
router.start(App,"#box");
//6. 跳轉(zhuǎn)
router.redirect({
"/":"home"
});
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/86794.html
摘要：無狀態(tài)的價(jià)值無狀態(tài)可以僅用很少的對(duì)象就可以處理很多的用戶，空閑狀態(tài)的用戶越多，無狀態(tài)服務(wù)器就越有用會(huì)話狀態(tài)相關(guān)性會(huì)話狀態(tài)只與當(dāng)前會(huì)話有關(guān)，它存在于業(yè)務(wù)事務(wù)中，與其他會(huì)話及他們的業(yè)務(wù)事務(wù)是分開的與記錄數(shù)據(jù)信息的區(qū)別記錄數(shù)據(jù)時(shí)長期保存在數(shù)據(jù)庫中 1. 無狀態(tài)的價(jià)值： 無狀態(tài)可以僅用很少的對(duì)象就可以處理很多的用戶，空閑狀態(tài)的用戶越多，無狀態(tài)服務(wù)器就越有用 2. 會(huì)話狀態(tài)： 相關(guān)性：會(huì)話狀態(tài)只...
摘要：從函數(shù)看局部變量作用域函數(shù)內(nèi)定義的變量被稱為局部變量。局部變量的作用范圍從聲明開始，直到包含它的塊結(jié)束塊就是內(nèi)的代碼。 變量和數(shù)據(jù)類型，賦值和輸出 算術(shù)運(yùn)算 選擇結(jié)構(gòu) 循環(huán)結(jié)構(gòu) 函數(shù)定義，函數(shù)調(diào)用 變量作用域 = 3) { /* 進(jìn)入代碼塊 */ int j = 10; /* j從這里到 } 都能訪問 */ System.out.println(i); /* 可以訪問...
閱讀 2092·2021-11-15 17:57
閱讀 759·2021-11-11 16:54
閱讀 2607·2021-09-27 13:58
閱讀 4104·2021-09-06 15:00
閱讀 963·2021-09-04 16:45
閱讀 3519·2019-08-30 15:56
閱讀 1795·2019-08-30 15:53
閱讀 1639·2019-08-30 14:12
