c 嵌套html,路由-路由的嵌套.html

Document

Account

这是 Account 组件

登录

注册

// 组件的模板对象

var account = {

template: '#tmpl'

}

var login = {

template: '

登录

'

}

var register = {

template: '

注册

'

}

var router = new VueRouter({

routes: [

{

path: '/account',

component: account,

// 使用 children 属性，实现子路由，同时，子路由的 path 前面，不要带 / ，否则永远以根路径开始请求，这样不方便我们用户去理解URL地址

children: [

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

{ path: 'register', component: register }

]

}

// { path: '/account/login', component: login },

// { path: '/account/register', component: register }

]

})

// 创建 Vue 实例，得到 ViewModel

var vm = new Vue({

el: '#app',

data: {},

methods: {},

router

});

一键复制

编辑

Web IDE

原始数据

按行查看

历史