vue—组件通信,ref
组件通信:
父组件传递子组件:
把需要的数据 传递给 子组件的数据,以数据绑定(v-bind)的形式,传递到子组件内部,供子组件使用,缩写(:)
动态传递:
第一步:在父组件中的子组件标签中进行动态的传值:
第二步:在子组件手动填写props这个对象属性
第三步:在子组件中 props 进行接收数据,通过 this.$props.传递过来数据的名称
props:
props是一个对象
props是组件标签上的所有属性身上构成的集合,用于父组件和子组件之间通信的一个桥梁
注意:组件中的this都是指向组件自己的
静态传递:(死数据,不会被修改)
什么是 静态传值 和 动态传值?
静态传值:标志就是没有 v-bind(死数据不会通过ajax更开的)
动态传值:数据是活的,可以改变子组件原本的数据。
子组件传递父组件
子组件把数据传递给父组件,使用的是自定义事件,使用的是 事件绑定机制 v-on 缩写:@
在父组件,当我们定义一个 事件属性 之后,那么,子组件就能够,通过某些方式,来调用 传递进去的的方法了
showfou就是自定义的事件属性,ffshow是方法
子组件:通过 this.$emit(),第一个参数是自定义的事件属性,第二个参数是要传递的参数
ref
ref 是 父组件获取子组件的所有属性
ref也是一个对象
第一步:给子组件标签上添加ref属性赋值
第二步:在父组件中可以使用 this.$refs 来获取,返回的是一个对象,属性值是子组件
最新文章
- Android之ProgressBar初步应用
- Android -- ProgressBar(进度条的使用)
- Celery 和 Redis 入门
- python3 split( ) not enough values to unpack(expceted 2, got 1)
- <;<;SAP内存计算——HANA>;>; 书评
- vim变ide
- 【转】如何在Ubuntu11.10(32位)下编译Android4.0源码(图文)
- [日历] C#修改CNDate日历帮助类 (转载)
- Bootstrap_Javascript_提示框
- C#实现目录复制
- oracle plsql 64位 32位连接未打开 无法解析各种错终极解决方案
- mapreduce任务失败、重试、猜測式运行机制小结
- View如何设置16进制颜色值
- 201521123067 《Java程序设计》第13周学习总结
- Numpy入门 - 行列式转置
- codeforces Gym 101063 C
- [转]【安卓笔记】AsyncTask源码剖析
- url重定向或者重写
- unity中 UGUI的按下、拖动接口事件的实现
- Visual Studio资源汇总