1.安装路由
在终端运行npm install vue-router --save
2.创建路由配置文件
在main.js
文件夹下添加以下代码
//添加路由
import router from './router'
new Vue({
router,
render: h => h(App)
}).$mount('#app')
用图形化方式创建的vue lic(勾选vue-router)
在项目文件路由router
的index.js
文件夹下,配置以下代码
import Vue from 'vue'
// 引入路由模块
import VueRouter from 'vue-router'
Vue.use(VueRouter)
3.定义路由组件
在components
文件夹下,创建单文件组件Acount.vue
和Setting.vue
在各组件下分别添加以下代码