vue3组件内部改变props的值
2023-09-11 14:19:39 时间
--
vue2：
内部触发改变：
this.$emit("update:visible", value);
外部绑定是需要加上.sync修饰符：
:visible.sync="shows"
vue3:
vue3取消了.sync修饰符，通过 @update:show="shows = $event" 改变props的值
内部触发改变：
emit(update:visible, value)
外部绑定是需要加上@update:show="shows = $event"
:show="shows"
@update:show="shows = $event"
可以简写为：
v-module:show="shows"
--
相关文章
- 【Vue3】Vue3中安装和配置Vant组件库
- 【Vue3】shallowReactive与shallowRef用法
- 【Vue | vue3】Vue2和Vue3中Element-Ui 的安装与使用
- 【Vue3/Css】windicss在Vue3中的安装与使用
- Vue3.x+Element Plus仿制Acro Design简洁模式分页器组件
- vue3简单封装一个下拉框选项组件
- vue3组件间怎么通信？简述一下通信方式
- vue3学习笔记（动态组件）
- vite vue3 全局批量注册组件
- Vue 3结合element plus（问题总结二）之 table组件实现多选和清除选中（在vue3中获取ref 的Dom）
- Vue3 快速入门及巩固基础
- 助你从Vue2过渡到Vue3的常见使用场景之一
- Vue3开发踩坑
- Vue3+elementplus搭建通用管理系统实例七：通用表格实现上
- VUE3实用组件开发合集一：数字滚动组件
- Vue3之单文件组件(SFC)
- 浅析Vue3使用reactive/toRefs+v-model导致响应式失效el-form表单无法输入的问题
- 浅析Vue3新特性-Teleport（任意传送门也称瞬间移动）：为什么需要Teleport、与React的Portals特性、如何使用（直接使用、与组件搭配使用、使用多个teleport）、teleport API（to及disabled使用介绍）
- 浅析Vue3相关基础知识点：setup()入口函数、ref()定义响应式数据、reactive()定义多个响应式数据-深层的、toRefs()转换为每个属性都是一个ref、computed()计算属性、watch()监听数据、watchEffect()监听数据变化执行回调、生命周期对比、provide/inject跨层级组件通信
- Vue3实践记录：vuex/pinia数据为proxy对象时如何获取值、Vue3组件的全局注册
- vue3中toRef和toRefs的情况（系列九）
- vue3:兄弟组件，跨组件传值，事件总线的通信方式（mitt / tiny-emitter）
- 6.0 vue3 watch监听函数（reactive篇）