vue组件通信父传子:props、$attrs、$refs

组件通讯常用方法为:props,$emit,$on,$refs,$attrs,$listeners,eventbus,vuex;
刚开始看好乱,感觉绕的很,总是分不清绑定的顺序;后来总结了一下,感觉容易了很多。那个组件的数据变量,方法,写在那个标签里面,若果要引用外部变量,方法,必须使用写在v-bind,或是v-on的绑定“=”后面;

父组件传值给子组件props,$refs,$attrs;

1.props传值

特点:数据具有联动性(父变,子也变;子变父不变),不能跨级,只能父及传子及数据;

注意:最好具体化props传递的值;

2.$refs

特点:利用ref标识组件,通过事件传参吧数据传给子组件,数据相互独立

    

3.$attrs

特点:通过绑定属性,来实现传值;可以实现,父传子,孙组件;

注意:$attrs是vue2.4版本提出的方法,使用是注意版本号

你可能感兴趣的:(vue组件通信父传子:props、$attrs、$refs)