路由模块

路由模块控制vue内容显示，路由跳转，组件间的跳转。就是一个页面中实现不同组件内容的切换

  1. 安装路由模块

    npm install vue-router -s

  2. 设计路由页面

  3. 创建路由表 routes.js

  4. main.js引入路由模块并使用

  5. 创建路由链接和路由视图

  router-link标签、router-view标签

  还可以通过js进行路由跳转

    this.$router.push("/xxx/1");

路由传参数

    1. 设参数 path：'xx/:id'

    2. 传参数 router-line to ="/xxx/1"

    3. 接参数

      vue中的$route.params.id

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

推荐阅读更多精彩内容