二、vue3.0之组件通信之父子通信

在vue3.0中我们应该怎么去做组件通信呢?在vue3.0中,组件通信官方给出了固定的方法:defineProps、defineEmits,defineExpose、withDefaults,那么接下来我们来看看这四个方法。

一、defineProps

定义:

        接收props选项相同的值,父子关系(父传子)组件通信,使用自定义属性来向下传值。

代码:


父级:
  html:(父级通过自定义属性向子级传递)
     
  ts:
    const name = ref('11')
    const age = ref(12)
子级:
  html:(使用父级传入的内容)
    

{ { name}} { {age}}

ts:(接收父级传入内容࿰

你可能感兴趣的:(vue3.0的开发和学习,typescript,vue.js,前端框架)