美文网首页
vue第四天

vue第四天

作者: 皇甫贝 | 来源:发表于2019-02-19 18:14 被阅读0次

路由

1.“router-link”

-生成A标签
-to属性
-“active-class”

 2."router-view"

-视图,显示被匹配组件的地方

3.“VueRouter”

-路由对象,需要实例化后配置到vue实例对象中

4路由规则

-一个数组,包含N多路由对象
-每个对象包括
-path
-component
-children //嵌套路由
-redirect // 重定义路由地址

5路由传参

-路由规则中配置path="/path/:id"
-'<router-link>‘或者’this.$router.push()‘中 :/path/20
-目标路由通过’{{route.params.id}}‘来得到传过来的参数

6嵌套路由

-’<router-view>‘嵌套’<router-view>’
-路由规则中配置‘children’属性
-‘children’中的‘path’为相对路径,不加‘/’

7路由重定向

-在路由中定义redirect

相关文章

  • vue第四天

    路由 -生成A标签-to属性-“active-class” -视图,显示被匹配组件的地方 -路由对象,需要实例化后...

  • Vue实战第四天

    Mock.js模拟ajax数据请求在实际开发工作中,后台接口没有那么快的开发速度的时候,可以采用mock进行模拟数...

  • VUE第四天学习

    一、全局过滤器 在/src/main.js中Vue实例化之前进行定义 定义好的全局过滤器,在项目中的任意组件中可以...

  • vue 基础学习 第四天

    32 组件 什么是组件: 用我自己的话理解就是 “可以复用的、易于管理的div”。 => 一个页面需要轮播图,轮播...

  • vue学习记录第四天

    钩子函数的生命周期 根实例,在初始化时会调用很多方法,这些方法被称为钩子函数生命周期:beforeCreate c...

  • Vue学习的第四天

    计算属性和观察者 计算属性基础例子 你可以像绑定普通属性一样在模板中绑定计算属性。Vue 知道vm.reverse...

  • Vue.js第四天

    五、事件和属性 1.事件 1.1 事件简写 1.2事件对象$event 1.3事件冒泡 1.4 事件默认行为 1....

  • 复写VUE.JS第四天

    过滤器 自定义指令

  • 在官网首页如何打开指南的pdf

    vue版本:"vue": "^2.6.14" vue-pdf版本:"vue-pdf": "^4.2.0"、"vue...

  • 【基础】Vue安装

    Vue安装 Vue官网:http://unpkg.com/vue 引入vue Vue数据渲染html {...

网友评论

      本文标题:vue第四天

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