美文网首页
2018-04-26 vue使用-组件间传值总结

2018-04-26 vue使用-组件间传值总结

作者: 小毛驴叮当响 | 来源:发表于2018-04-26 17:58 被阅读0次

1.父/子组件理解:

在一个组件中引用了另一个组件,该组件为父组件,被引用的组件称为子组件

2.父传子

需借助props属性

父组件中的数据:

子组件引用数据:(把需要使用的父组件的数据放到props属性)

父组件引用子组件,把子组件需要的数据绑定到组件:

子组件使用数据:

3.子传父

在子组件上绑定click方法(不一定是click,只需要绑定一个可触发的方法)

在绑定的方法seng_value()中调用$emit 传值,参数分别为 (“属性名”,”属性值")

在父组件中引用了子组件的元素中v-on 绑定自定义事件接收数据

相关文章

  • vue 父子组件间的传值

    vue 中为了避免重复的代码,使页面更简洁,经常使用到组件,使用组件会牵扯到组件间的传值 常用的传值有: 父子间的...

  • 2018-04-26 vue使用-组件间传值总结

    1.父/子组件理解: 在一个组件中引用了另一个组件,该组件为父组件,被引用的组件称为子组件 2.父传子 需借助pr...

  • vue组件间传值问题总结

    vue项目中,组件间传值的问题总结: 父传子 父组件 子组件 上面父组件和子组件之间的传值是模拟接口请求数据,然后...

  • 前端基础搬运工-VUE模块

    十、VUE模块 基础部分 1. Vue组件间传值 答: -[ ] 1.父子之间的传值 父组件向子组件传值通过p...

  • vue组件间传值之eventBus

    1 概述: vue组件间的传值,父子之间props 和emit; 跨组件间可以使用vuex或者eventBus; ...

  • vue 6种通信总结①

    常用vue通信大概有这几种方式进行: 组件间的父子之间的传值 组件间的子父之间的传值 非组件间的组件间的传值(简称...

  • Vue和React组件通信的总结

    在现代的三大框架中,其中两个Vue和React框架,组件间传值方式有哪些? 组件间的传值方式 组件的传值场景无外乎...

  • Vue组件间通信

    Vue组件间通信 父子组间通信 通过props向子组件传值,通过事件向父级组件发送消息 通过props向子组件传值...

  • vue 6种通信总结②

    继续上一篇的vue 6种通信总结① 非组件间的组件间的传值(简称:EventBus) 我先举个例子来解释下组件间的...

  • 组件通信

    vue传值可分为父子之间传值、兄弟组件之间传值、跨代组件之间传值 1.父子之间传值:可以使用$emit/props...

网友评论

      本文标题:2018-04-26 vue使用-组件间传值总结

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