vue父组件和子组件的通信
2017-12-29 15:48
288 查看
第一种
<vzi :par='父子组件参数' v-on:childfn="父组件中 子组件需要调用的方法名"></vzi>
子组件中调用childfn(约定好的方法名) ,zi003为子组件传递的参数
this.$emit('childfn', 'zi003');
这样保证子组件修改 par的值,父组件同步;同事子组件也可以通过这种方法 调用 父组件的方法
第二种
从 2.3.0 起我们重新引入了
:par.sync='fu'
this.$emit('update:par', 132)
<vzi :par='父子组件参数' v-on:childfn="父组件中 子组件需要调用的方法名"></vzi>
子组件中调用childfn(约定好的方法名) ,zi003为子组件传递的参数
this.$emit('childfn', 'zi003');
这样保证子组件修改 par的值,父组件同步;同事子组件也可以通过这种方法 调用 父组件的方法
第二种
从 2.3.0 起我们重新引入了
.sync修饰符
:par.sync='fu'
this.$emit('update:par', 132)
相关文章推荐
- Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)
- vue组件之间的通信
- Vue多层组件之间通信 3层 父向子
- vue组件父子间通信之综合练习(聊天室)
- vue组件间通信
- vue组件父子之间相互通信案例
- vue组件之间的多种通信方法
- Vue组件间的通信
- Vue组件间通信
- vue.js学习笔记(三)--父子组件通信总结
- [js高手之路]Vue2.0基于vue-cli+webpack父子组件通信教程
- Vue 兄弟组件通信(不使用Vuex)
- vue父子组件通信
- Vue.js入门学习--父子组件的说明和简单通信(十)
- vue组件通信你还在用笨重的vuex吗
- vue2.0父子组件以及非父子组件如何通信
- vue2.0父子组件以及非父子组件通信
- Vue实践之--非父子组件通信
- Vue 组件 非父子组件通信
- Vue1.0学习总结(4)———Vue1.0自定义组件、Vue1.0组件之间的通信、slot的使用