老熟女激烈的高潮_日韩一级黄色录像_亚洲1区2区3区视频_精品少妇一区二区三区在线播放_国产欧美日产久久_午夜福利精品导航凹凸

重慶分公司,新征程啟航

為企業提供網站建設、域名注冊、服務器等服務

VUE多層路由嵌套實現代碼

本文實例為大家分享了VUE多層路由嵌套的具體代碼,供大家參考,具體內容如下

成都創新互聯是一家專業提供尼金平企業網站建設,專注與成都網站設計、成都網站制作、H5建站、小程序制作等業務。10年已為尼金平眾多企業、政府機構等服務。創新互聯專業網站設計公司優惠進行中。

先看看效果圖:

VUE多層路由嵌套實現代碼

例如:在做系統時,主頁面有兩個功能【home】and【news】,在【home】下又分為登錄和注冊。

首先需要將各種模板進行抽離。定義模板






JS下配置路由

 const home={template:"#home"};
 const news={template:'#news'};
 const login={template:'#login'};
 const zhuce={template:'#zhuce'};

 var rout=[
 {path:'/',redirect:'/home'}, //重定向為home ,當html后面哈希值為空時,默認顯示home
 {
 path:'/home',
 component:home, //模板注冊
 redirect:'/home/login',//子視口的重定向 默認登錄
 children:[
  {path:'/home/login',component:login}, //配置子模板
  {path:'/home/zhuce',component:zhuce}
 ]},
 {path:'/news',component:news}
 ];

 var router=new VueRouter({ //實例化一個vuerouter
 routes:rout
 });

 const app = new Vue({
 router
 }).$mount('#app')

當Vue實例沒有el屬性時,則該實例尚沒有掛載到某個dom中;

假如需要延遲掛載,可以在之后手動調用vm.$mount()方法來掛載。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持創新互聯。


本文標題:VUE多層路由嵌套實現代碼
本文鏈接:http://www.xueling.net.cn/article/jijeed.html

其他資訊

在線咨詢
服務熱線
服務熱線:028-86922220
TOP
主站蜘蛛池模板: 国产无av码在线观看 | 高潮毛片无遮挡免费高清 | 激情久久AV一区AV二区AV三区 | 蝌蚪久久窝 | 国产成人在线免费看 | aa片在线观看无码免费 | 人妻aⅴ无码一区二区三区 免费看黄网站免费网站 | 国产又黄又大又粗视频 | 国产乱国产| 亚洲成人中文 | 亚洲清纯国产 | 国产大片B站免费观看推荐 97夜夜模夜夜爽夜夜喊 | 九一成人免费视频 | 久久夜色撩人精品国产 | 日本爱爱 | 中国裸男自慰GV网站 | 久久观看免费视频 | 亚洲一区二区色 | 亚洲日韩欧美一区 | 亚洲国产日韩一区二区三区 | 国产欧美日韩在线一区 | 黄色网址免费在线播放 | 国产大秀av在线播放 | 亚洲欧美综合精品成人网站 | 色先锋aa成人 | 不卡国产 | 久久精品6 | 真人一级毛片免费完整视频 | 国产区在线看 | 18禁裸乳无遮挡啪啪无码免费 | 亚洲VA中文字幕不卡无码 | 精品中文字幕一区二区 | 一级片欧美日韩 | 精品久久亚洲精品中文字幕 | 超碰福利在线 | 特黄A又粗又大又黄又爽A片软件 | 三级在线国产 | AV无码专区| 女久久久| 91在线观 | 99在线视频免费观看 |