vue-router部署总结

1.安装

npm install vue-router --save

2.引入

import Router from 'vue-router'

Vue.use(Router)

3.定义并实例化路由

new Router({

  routes: [ {

      path: '/',

      name: 'xx',

      component: xx

    } ]

4.挂载路由

new Vue({

  el: '#app',

  router,

  components: { App },

  template: '<App/>'

})

5.动态加载路由

<router-view />

6.跳转

<router-link to="/">xxx</router-link>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文转载于前端工匠。如有侵权联系本人立刻删除 一、首先带着问题 要学习vue-ro...
    qiaoguoxing阅读 472评论 0 1
  • 路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about...
    六月太阳花阅读 612评论 0 3
  • 1.什么是路由 (1)后端路由:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上的资源;...
    不会改变阅读 225评论 0 0
  • vue-cli搭建项目 确保安装了node与npm 再目标文件夹下打开终端 执行cnpm i vue-cli -g...
    Akiko_秋子阅读 3,278评论 1 22
  • 母亲的爱——伟大的母爱,无私的母爱,宁愿牺牲自己生命也要保护好自己的孩子的母爱!老古语有句话说得好:要个要饭的妈不...
    雅典娜刘艳阅读 108评论 0 0