vue父子组件传值的注意点

91 阅读1分钟

image.png

父传子:

image.png 子接收并使用:

image.png

子改父:

image.png

image.png

在父组件操作子组件的dom元素

第一步:

image.png

第二步:

image.png

vm是vue的实例化对象

image.png

使用.sync语法糖的形式 子组件改变父组件传过来的值:

image.png

也可以传入对象:

image.png

利用事件总线方式实现兄弟组件传值:

第一步:

在main.js上new 出一个新的vue实例化对象,挂载到当前使用的vue的原型上并起个属性名叫$bus,见下图

image.png

第二步:

image.png

image.png

第三步:

image.png