1.在router目录下的index.js文件
const routes = [
{
path: '/',
redirect: '/recommend'
// 根路径下默认为推荐页面
},
{
path: '/recommend',
component: Recommend
},
{
path: '/search',
component: Search
},
{
path: '/singer',
component: Singer
},
{
path: '/top-list',
component: Toplist
}
]
2.import对应路由的位置：
import Recommend from '@/views/recommend'
import Search from '@/views/search'
import Singer from '@/views/singer'
import Toplist from '@/views/top-list'
3.在App.vue文件下添加<router-view>组件。