vue router

Posted 2021-03-01 gengxinnihaoma

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue router相关的知识，希望对你有一定的参考价值。

与App.vue同级目录建立router.js

内容为：

import Vue from ‘vue‘

import VueRouter from ‘vue-router‘

Vue.use(VueRouter)

export default new VueRouter({

routes: [

{ path: ‘/foo‘, component: ()=> import(‘./components/Foo‘) },

{ path: ‘/bar‘, component: ()=> import(‘./components/Bar‘) }

]

})

与App.vue同级目录的main.js

内容为：

import Vue from ‘vue‘

import App from ‘./App.vue‘

import router from ‘./router‘

Vue.config.productionTip = false

new Vue({

router,

render: h => h(App),

}).$mount(‘#app‘)

App.vue里面加

<router-view></router-view>

以上是关于vue router的主要内容，如果未能解决你的问题，请参考以下文章