环境
- win10
- vscode
- vue2
步骤
- 安装router
npm i vue-router@3.5.2 -S
- 配置router
- 项目src下新建
router
文件夹–>文件夹内新建index.js
初始化index.js
// 1.导入vue和VueRouter的包
import Vue from 'vue'
import VueRouter from 'vue-router'
// 2.调用Vue.use()函数,把VueRouter安装为Vue的插件
Vue.use(VueRouter)
// 3.创建路由的实例对象
const router = new VueRouter()
// 4.向外共享路由的实例对象
export default router
- 在
main.js
中把router关联起来
import App from './App.vue'
//导入路由
import router from './router/index.js'
new