Vue学习手记02-路由创建

it2022-05-05  103

1.创建项目  注意:项目在初始化的时候不要安装vue-router2.安装路由:  cnpm install vue-router --save3.如果在一个模块化工程中使用它,在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


最新回复(0)