美文网首页
Vue基础-路由

Vue基础-路由

作者: 慢慢慢热型 | 来源:发表于2018-08-13 18:24 被阅读0次

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

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

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

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

监听参数变化

  • watch来监听我们的参数变化
  • '$route’(to,from) {to是要去的组件,from代表来处的组件}

相关文章

  • Vue-基础-05-重点

    Vue-基础-day05-重点 01-基础-路由-vue-router-嵌套路由 children用法和route...

  • Vue路由

    一、Vue路由基础用法: 二、Vue路由配置的抽出 三、路由动态传值: 四、路由的跳转方式: 五、路由的hash模...

  • Vue_Router底层封装

    Vue_Router底层封装 关于Vue中的路由,做了底层的哈希路由的封装。基础路由相对容易,其中不足之处,慢慢再...

  • Vue-Router

    Vue-Router路由 1路由基础 创建一个路由对象数组,每个对象分别有,path,component等属性,在...

  • vue2.0+router路由

    1、搭建vue脚手架2、通过vue脚手架,我们搭建好了基础的vue,接下来就开始使用vue-cli来构建基础路由项...

  • Vue基础-路由

    路由--按照path变换,router-view里面的组件变换 创建一个路由对象VueRouter({routes...

  • Vue路由基础

    一、说明 后端路由:对于普通网站,前端通过URL地址请求后端,后台服务器监听接收每次的请求(URL),而这个请求需...

  • Vue 路由基础

    router-link 和 route-view 组件 路由配置2.1. 动态路由2.2. 嵌套路由2.3. 命名...

  • Vue路由基础

    两种引入路由组件的方式和区别 区别:第二种方式起到了懒加载的作用, 重定向 把当前访问的路径,重定向到另一个位置 ...

  • 初识Vue-router笔记

    详细教程:Vue Router菜鸟 基础 一、 安装 二、 起步 1. 接入vue-router 2. 路由入口:...

网友评论

      本文标题:Vue基础-路由

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