0
点赞
收藏
分享

微信扫一扫

vue3.0 父子组件通信

624c95384278 2022-01-10 阅读 155

vue3.0不再支持this,所以this.$emit()方法不在被支持。

以下为VUE3.0新写法

子组件:

<script>
import { defineComponent,ref } from 'vue'
export default defineComponent({
    name:'',
    setup(prop,context){
           const data = ref(0)

        //在子组件的方法中调用父组件的方法
          const handleClickChildBtn = () => {
               context.emit('父组件方法名',data)

            }
    
     }


})
    

setup()方法的第二个参数为 vue上下文环境。

举报

相关推荐

0 条评论