vue,VueRouter路由使用
Posted Hard heart
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue,VueRouter路由使用相关的知识，希望对你有一定的参考价值。
router/index.js
导入Vue和路由插件VueRouter
导入自定义组件
import Vue from \'vue\'
import VueRouter from \'vue-router\'
const Home = () => import(\'../home/Home\')
const Profile = () => import(\'../profile/Profile\')1.安装插件Vue.use(VueRouter)
2.创建路由对象
const routes = [
{
path:\'\',
redirect:\'/home\'
},
{
path:\'/home\',
component:Home
},
{
path:\'/home\',
component:Home
}
]
const router = new VueRoute({
routes
})3.导出路由export default router
App.vue
1.导入
new Vue({
el:\'#app\',
router,
render:h => h(App)
})以上是关于vue,VueRouter路由使用的主要内容，如果未能解决你的问题，请参考以下文章