项目装安装vue-router

作者: 浅浅_2d5a | 来源:发表于2021-03-10 15:07 被阅读0次

安装vue-router
npm i vue-router -S
src下建router文件夹,下面建index.js

index.js内容

import Vue from 'vue'
import Router from 'vue-router'

import Home from '@/views/Home'

Vue.use(Router)

const routes = [
    {
        path:'/',
        component: Home

    },{
        path:'/list',
        component: () => import('@/views/List')
    }
]

export default new Router({
    mode: 'hash', 
    routes
})

app.vue中通过router-view进行路由部分页面展示

  <div id="app">
    <router-view></router-view>
  </div>

main.js中的部分
import router from './router/index'
new Vue({
render: h => h(App),
router
}).$mount('#app')

相关文章

网友评论

    本文标题:项目装安装vue-router

    本文链接:https://www.haomeiwen.com/subject/arywqltx.html