使用iis6搭建网站,wordpress调用搜索功能,做网站域名是赠送的吗,清溪镇做网站一、情景说明
上一节#xff0c;我们学习了Vue中的路由功能 但是#xff0c;只是基础的一级路由 在实际生产中#xff0c;路径不可能只有一级#xff0c;一般都有3,4层级
二、案例
1、修改路由器文件
index.js 新增两个组件 这里实现二级路由配置 关键配置#xff1a;…一、情景说明
上一节我们学习了Vue中的路由功能 但是只是基础的一级路由 在实际生产中路径不可能只有一级一般都有3,4层级
二、案例
1、修改路由器文件
index.js 新增两个组件 这里实现二级路由配置 关键配置children
// 该文件专门用于创建整个应用的路由器
import VueRouter from vue-router
//引入组件
import About from ../pages/About
import Home from ../pages/Home
import News from ../pages/News
import Message from ../pages/Message//创建并暴露一个路由器
export default new VueRouter({routes:[{path:/about,component:About},{path:/home,component:Home,children:[{path:news,component:News,},{path:message,component:Message,}]}]
})2、组件中使用
关键配置to对应的路径要写多级
ul classnav nav-tabslirouter-link classlist-group-item active-classactive to/home/newsNews/router-link/lilirouter-link classlist-group-item active-classactive to/home/messageMessage/router-link/li
/ul三、补充
三级路由配置
//创建并暴露一个路由器
export default new VueRouter({routes:[{path:/about,component:About},{path:/home,component:Home,children:[{path:news,component:News,},{path:message,component:Message,children:[{path:detail,component:Detail,}]}]}]
})
