Vue学习手记02-路由创建

Posted 2022-04-11 somethingwithios

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/>‘
　　)