封装一个路由,以后我们再使用的时候,不用一个一个写Route那些,只需要调用自己写的方法,并且只需要改动一个文件引入需要的组件就可以了。
views文件夹下新建router文件夹,里面新建RouterView.js和router.config.js
router.config.js配置路由需要的组件以及路径
import Home from '../views/Home'
import Find from '../views/Find'
import Video from '../views/Video'
import My from '../views/My'
import Attention from '../views/Home/Attention'
import Recommend from '../views/Home/Recommend'
import Funny from '../views/Home/Recommend/Children/Funny'
import Hot from '../views/Home/Recommend/Children/Hot'
import Detail from '../views/Detail'
const routes = [
{
from: '/',
to: '/home'
},
{
path: '/home',
component: Home,
children: [
{
from: '/',
to: '/home/attention'
},
{
path: '/home/attention',
component: Attention
},
{
path: '/home/recommend',
component: Recommend,
children: [
{
from: '/home/recommend',
to: '/home/recommend/Hot'
},
{
path