路由模块

路由模块控制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

©著作權歸作者所有,轉載或內容合作請聯系作者

推薦閱讀更多精彩內容

友情链接更多精彩内容