php路由嵌套,vue-router,vue.js_Vue嵌套路由失效？，vue-router,vue.js - phpStudy

Vue嵌套路由失效？

Title

.router-link-active {

font-size: 20px;

color: red;

}

• 主页

• 新闻

我是主页

• 登陆

• 注册

{{$route.params.id}}

我是新闻

• 详细

请登录

请注册

var Home = {

template: '#home'

};

var News = {

template: '#news'

};

var Login = {

template: '#login'

}

var Resgist = {

template: '#resgist'

}

var Detail = {

template: '#detail'

}

//创建router实例

var router = new VueRouter({

routes: [

{

path: '/home/:id', component: Home,

children: [

{path: 'login', component: Login},

{path: 'resgist', component: Resgist}

]

},

{

path: '/news/:id', component: News, children: [

{path: 'detail', component: Detail}

]

}

]

});

//创建和挂载根实例

var app = new Vue({

router: router

}).$mount('#box');

相关阅读:

php中static和abstractor有啥区别？

如何删除选中的cell中对应的行？

js弹窗验证失败

关于STUN协议中属性的一点问题

vuejs 折叠面板的展开收缩动画应该怎么实现？用vue自带的过渡效果还是css3?

关于表单页面提交信息的判断

extjs3.2 panel组件能否添加focus和blur事件

如何将全局变量i变成函数的局部变量？

vue应用嵌在微信里 ，点击微信右上角的分享其中一个页面的链接 ，怎样让用户点开来就是当前页面呢？

AngularJS路由添加controller问题

PC端API和移动端API有什么不同吗？

pycharm 如何配置 python3 的开发环境？

vue中通过this.$router.push 到当前页面，只是参数不同，页面没有重新请求数据？

vue.js2.0中set和get的问题

$.ajax 跨域 options

mysql 的IFNULL失效

webpack在安装的时候出现问题

使用websocket上传视频文件后无法播放

作用域链的问题？

angular.js高级程序设计书本开头配置环境出错，谁能给解答一下