一、路由

1.下载vue-router

npm i vue-router

vue路由基本使用步骤_Vue

2.创建router/index.js引入 并让vue使用插件

import Vue from 'vue'
import Vuerouter from 'vue-router'
Vue.use(Vuerouter)

vue路由基本使用步骤_Vue_02

3.创建路由对象

let router = new Vuerouter({
  routes: [
    {
      path: '/',
      component: () => import('../home.vue')
    },
  ]
})

vue路由基本使用步骤_Vue_03

4.导出

export default router

vue路由基本使用步骤_Vue_04

5. 在入口(main.js)文件 引入路由

import router from './router/index'
new Vue({
  router,
}).$mount('#app')

vue路由基本使用步骤_Vue_05