<!-- 父传子 -->
<!-- 父组件代码 -->
<div class="local" :qwe="123" @qwe="qwe"></div>
<div class="local" :qwe.asyn="123" @qwe="qwe"></div>
注:加了asyn在子组件接收后可改值,不加则只读
<!-- 子组件 -->
props: ['qwe']
console.log(this.qwe);
this.qwe = 120;
<!-- 子传父 -->
<!-- 子组件代码 -->
methods: {
<!-- 写方法 -->
qwe(e) {
console.log(e);
}
}
<!-- 传到父组件 -->
this.$emit('qwe', 'mz');
<!-- 父组件接收 -->
console.log(this.qwe);
vue的父子组件传值
最新推荐文章于 2022-04-02 16:12:51 发布