vue router

时间：2020-04-13 16:56:30 阅读：51 评论：0 收藏：0 [点我收藏+]

与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>

原文地址：https://www.cnblogs.com/gengxinnihaoma/p/12686629.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行