vue每个路由单独html,Vue20 路由的嵌套.html

Document

Account

这是一个 ACCOUNT 组件

登录

注册

// 组件的模板对象

var account = {

template: "#templ"

}

var login = {

template: "

登录

"

}

var register = {

template: "

注册

"

}

var routerObj = new VueRouter({

routes: [

{

path: "/account",

component: account,

children: [ // 使用 children 实现子路由，同时子路由的 path 前不要带 /，

{ path: "login", component: login }, // login 前不加 “/” ，否则以根路径开始解析

{ path: "register", component: register }

]

},

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

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

]

})

var app = new Vue({

el: "#app",

data: {},

router: routerObj

})

一键复制

编辑

Web IDE

原始数据

按行查看

历史