美文网首页
Vue-cli中使用vue-router

Vue-cli中使用vue-router

作者: 皇甫圣坤 | 来源:发表于2019-03-06 19:30 被阅读0次

1. 安装 vue-router

$ npm install --save vue-router

2. 创建一个router.js , 引入vue-router

import VueRouter from 'vue-router' VueRouter是自定义名字

3. 在router.js 中引入vue 并调用 Vue.use方法

Vue.use(VueRouter)

4. 在router.js 中引入创建的router实例对象并导出

export default router

5. 在main.js中引入创建的router实例(因为main.js 中创建了new Vue)

import router from './router'
new Vue({
  router
})

相关文章

网友评论

      本文标题:Vue-cli中使用vue-router

      本文链接:https://www.haomeiwen.com/subject/lcwxpqtx.html