1、路由
学习前期自己安装路由,不要一键集成vue-router
2、安装
cnpm install vue-router --save
3、在主文件引入--如果在一个模块化工程中使用它,必须要通过Vue.use()明确地安装路由功能
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
4、创建路由
const router = new VueRouter({
routes:[
{
path:"/hello",
name:"HelloWorld",
component:HelloWorld
}
]
})
5、给出路由显示的位置
<router-view/>
6、将路由对象注入Vue实例中
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})
7、路由创建成功,必须加上hello才能访问