Vue基础-路由

路由--按照path变换，router-view里面的组件变换

  • 创建一个路由对象VueRouter({routes:[]})
  • 挂载到我们vm上面
  • router-view

参数--获取路径后面的参数

  • 在路由规则routes里面的path属性后面创建一个变量来接受我们的参数：id
  • $route.params.id(变量名)来接受我们的参数

监听参数变化

  • watch来监听我们的参数变化
  • '$route’(to,from) {to是要去的组件，from代表来处的组件}
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue-router基本使用
    1路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的abou...
    你好陌生人丶阅读 5,560评论 0赞 6
  • vue-router 基础技术点
    路由实现的方式 声明式。<router-link :to="..."> 编程式。router.push(...) ...
    SailingBytes阅读 4,799评论 1赞 3
  • Vue基础
    相关概念 混合开发和前后端分离 混合开发(服务器端渲染) 前后端分离后端提供接口，前端开发界面效果(专注于用户的交...
    他爱在黑暗中漫游阅读 7,883评论 4赞 45
  • vue笔记
    vue笔记 一.vue实例 vue的生命周期 beforeCreate（创建前）, created（创建后）, b...
    秋殇1002阅读 4,690评论 0赞 1
  • 2018最新web前端VUE面试题
    vue是什么？ vue是构建数据驱动的web界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现...
    九四年的风阅读 12,780评论 2赞 131