vue组件化通信之子向父传值
vue组件化通信之兄弟组件传值
vue中子向父传递消息一般使用$emit,方法比较简单,直接看代码
父组件
<template><div><childTest @msg='myMsg'></childTest>{{msg}}</div>
</template><script>import childTest from './childTest.vue'export default {components: {childTest},data() {return {msg: ''}},methods:{myMsg(msg){this.msg = msg}}}
</script>
子组件
<template><div></div>
</template><script>export default {mounted() {this.$emit('msg','my vue emit')}}
</script>