[vue3]一些需要注意的变化

baclt 2022-06-09 PM 20℃ 0条

在组件上使用v-model,可以字面量声明绑定的prop,event统一为update:prop

例如:
v-model:prop="data"
将data绑定到组件的prop上,修改data则修改prop,组件修改的方式为触发事件,this.$emit("update:prop",value),将data改为value

其实在组件上使用v-model没有双向绑定的感觉,事实上,本身v-model就所谓的双向绑定就只是改动传递的值罢了,就给组件prop传递自己的状态,然后整个监听器,就如果有子组件改动父组件传递的状态的需求可以用v-model毕竟挺方便

filter被移除,用computed,话说filter本来就是个挺鸡肋的东西

增加emits选项,用于组件绑定的事件,不显式声明也会绑定到组件根元素上

父组件可以在子组件上绑定attrs,props,事件监听器,props和事件监听器不显式声明就视为attrs,attrs就根元素的attrs,事件监听器也会绑定到根元素上

同时emits也提供了类似props的对象配置,可以配置参数验证函数,验证失败会在控制台打印警告,并不会终止事件执行

标签: vue, vue3

非特殊说明,本博所有文章均为博主原创。

评论已关闭