Vue开发

路由

1、入门

在src\router\index.js文件夹下做一些基本路由模板

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '@/views/Home/HomeIndex.vue //导包

Vue.use(VueRouter)

export default new VueRouter({
  routes: [
    {
      path: '/home', //导航栏的二级路由名称
      component: Home //组件名称
    }

  ]
})

之后去App主页去配置一个路由出口

<template>
    <roter-view></roter-view>
</template>

<script>

export default {

}
</script>

<style>

</style>

2、嵌套路由