自己安装路由

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、给出路由显示的位置

6、将路由对象注入Vue实例中

new Vue({
  el: '#app',
  router,
  components: { App },
  template: ''
})

7、路由创建成功，必须加上hello才能访问

image.png