<template>
divdiv class="main">
ul>
li><router-link :to="{name:'userdefault'}">用户中心默认</router-link></="{name:'userinfo'}">用户中心详情="{name:'userlast'}">用户中心设置router-viewscript>
export default {
data() {
return {
}
}
}
>
// 引入子路由
import Frame from '../frame/subroute.vue'
import Vue from 'vue'
import Router from 'vue-router'
引入子路由
import Frame from '../frame/subroute.vue'
引用模板
import index from '../page/index.vue'
import content from '../page/content.vue'
引入子页面
import userIndex from '../page/user/index.vue'
import userInfo from '../page/user/info.vue'
import userSet from '../page/user/set.vue'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',component: index
},{
path: '/content''/user'},{name:'userdefault',path: '/user/userdefault''userlast',path: '/user/userlast'
id="app">
="nav-list">
="nav-item" to="/">首页="/content">内容页="/user">用户中心>
{
name: 'app
}
style lang="scss"
@import "./style/style";
style>