1.首先确保已经安装好vue-cli
2.安装vue-router
npm install vue-router --save-dev
3.在src目录下新建router文件夹 再新建index.js
import Vue from "vue";
import Router from "vue-router";
import HelloWorld from "@/components/HelloWorld"; //引入的组件
Vue.use(Router);
export default new Router({
routes:[{
path:'/',
name:'HelloWorld',
component:HelloWorld,
children:[],//子路由
}]
})
4.在main.js中引入
import router from './router';//这个是新建的那个router文件夹的地址
new Vue({
render: h => h(App),
router
}).$mount('#app')
网友评论