1.安装路由插件
2.创建pages 文件夹
3.在pages文件中创建路由页面
4.创建router文件夹
5.在router 文件夹中创建index.js配置路由
6.在index.js中引用vue import Vue from ‘vue’;
6.在index.js中引用路由 import VueRouter from ‘vue-router’;
7.vue 使用插件 Vue.use(VueRouter )
8.引用路由组件 import Home from ‘@/pages/Home’;
9.配置路由
export default new VueRouter({
routes:[
{
path:“/home”,
component: Home
}
]
})
10.main.js 中引用路由import router from '@/router ';
11.注册路由
new Vue({
router
})
12.在App .vue 中添加路由组件