Vue学习手记02-路由创建

1.创建项目
  注意：项目在初始化的时候不要安装vue-router

2.安装路由：
  cnpm install vue-router --save

3.如果在一个模块化工程中使用它，在main.js中必须要通过 Vue.use() 明确地安装路由功能：
  import Vue from ‘vue‘
  import VueRouter from ‘vue-router‘
  Vue.use(VueRouter)

4.main.js创建路由
  const router = new VueRouter({
    routes:[
      {
        path:"/",
        name:"HelloWorld",
        component:HelloWorld
      }
    ]
  })

5.需要显示路由的位置
  <router-view />

6.注入路由对象，在main.js中Vue实例中
 　　new Vue({
  　　　　el: ‘#app‘,
  　　　　router,
  　　　　components: { App },
  　　　　template: ‘<App/>‘
　　})

原文地址：https://www.cnblogs.com/somethingWithiOS/p/11183734.html