1.安装,进入项目目录
cnpm install --save vue-router
2.引用,在main.js文件下引入
import VueRouter from "vue-router";
//引入路由组件
import login from "./components/login";
Vue.use(VueRouter)
3.配置路由文件,在main.js文件中写入
var router = new VueRouter({
routes:[{
path: "/",
component: login
}]
})
new Vue({
el: '#app',
components: { App },
template: '<App/>',
router: VueRouter
})
4.视图加载的位置,在组件中加入
<router-view></router-view>