vue3父子组件传参后 子组件数据初始化 语法糖

vue3父子组件传参后 子组件数据初始化 语法糖
将在父组件内获取到的值,传递给子组件并将值进行初始化
1、在父组件内引入子组件,并在子组件上添加一个方法
vue3父子组件传参后 子组件数据初始化 语法糖_第1张图片
定义一个属性值,在父组件内给这个属性值进行赋值操作,并将这个属性值通过添加的方法传给子组件。因为是使用vue3的ref来定义的,所以在赋值的时候,需要.value来赋值。
在这里插入图片描述
vue3父子组件传参后 子组件数据初始化 语法糖_第2张图片
2、在子组件内要使用props进行接收,并进行初始化,使用watch监听事件
vue3父子组件传参后 子组件数据初始化 语法糖_第3张图片
vue3父子组件传参后 子组件数据初始化 语法糖_第4张图片

你可能感兴趣的:(vue,vue)