![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
Month7
目前就职于字节跳动
展开
-
总结vue常用的组件通信方法
一、 props $emit 父组件通过props向子组件传递数据,子组件通过$emit触发父组件中的方法 改变父组件的数据,符合单向数据流。 二、$listeners $attrs $listeners 属性(它是一个对象,里面包含了作用在这个组件上的所有监听器。) 设想这样一个场景 父组件Parent 子组件A A的子组件B 如下图: 要想在B组件中改变父组件的值,要怎么办...原创 2019-06-13 23:17:30 · 207 阅读 · 0 评论 -
vue中 计算属性computed 与 watch侦听器的区别
计算属性用来声明一个值依赖于另一个值,计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。如果不发生改变,那么计算属性将会从缓存中读取值。计算属性不能计算在data中已经定义过的值。 watch用来侦听一个属性的变动,当属性发生变动时,触发相应的回调函数。 在有些情况下,computed和watch都可以用,由于computed会从缓存中读取值,所以性能会好...原创 2019-07-02 11:16:37 · 636 阅读 · 0 评论