vue3.0 父子组件通信

阅读 155

2022-01-10

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)

0 0 举报