defineProps

Vue3你需要知道的组件化知识点

属性定义使用更细节的方式定义属性：//不推荐//constprops=defineProps(['foo
Shaka@·2022-10-30 18:03

vue3 二次封装el-form表单

表单组件import{ref,reactive}from"vue";//formData不可以为空constprops=defineProps({formData:{type:Object,required
简小咖·2022-10-20 15:41

vant组件二次封装-下拉刷新列表组件

defineEmits(['update:loading','update:finished','update:pageCurrent','update:pageSize','getList']);letprops=defineProps
笑道三千·2022-10-13 22:43

vue3封装一个带动画的关闭按钮

const{open,size,duration}=defineProps({open:{type:Boolean,default:false,required:true,},size:{type:Number
·2022-10-13 12:48

vue3 组件通信的方式总结

/components/HelloWorld.vue";方法一：defineProps、defineEmits子组件//接收参数letprops=defineProp
小曲曲·2022-10-13 07:31

vue3 setup 语法糖

组件之间通信：父传子：使用defineProps父组件：importStudentfrom'.
花生吃花生·2022-09-30 07:43

vue3:setup语法糖使用教程

目录1.setup语法糖简介2.setup语法糖中新增的api2.1defineProps2.2defineEmits2.3defineExpose补充：与普通的script一起使用总结1.setup语法糖简介直接在
·2022-08-25 17:23

Vue3中defineEmits、defineProps 是怎么做到不用引入就能直接用的

最近正在将一个使用单文件组件的OptionsAPI的Vue2JavaScript项目升级为Vue3typescript，并利用CompositionAPI的优势。比如，下面这种选项API方式：exportdefault{props:{name:{type:
喆星高照·2022-08-25 09:00

VUE3组件 (3) 关于 slot 插槽

VUE3组件(1)关于defineProps()VUE3组件(2)关于defineEmits()VUE3组件(4)关于ProvideInject依赖注入插槽使用标题插口在组件中除了将数据值当作props
余九月丶·2022-08-21 18:44

分享一个vue3+ts的图片瀑布流组件

自定义图片列数保持图片原始宽高比例自定义行列间距自定义图片内间距自定义图片字段importMWaterfallfrom"@/components/m-waterfall/index.vue"import{defineProps
行者-龙·2022-08-20 18:55

Vue3中defineEmits、defineProps 是怎么做到不用引入就能直接用的

新出了一个系列：Vue2与Vue3技巧小册微信搜索【大迁世界】,我会第一时间和你分享前端行业趋势，学习途径等等。本文GitHubhttps://github.com/qq449245884/xiaozhi已收录，有一线大厂面试完整考点、资料以及我的系列文章。最近正在将一个使用单文件组件的OptionsAPI的Vue2JavaScript项目升级为Vue3typescript，并利用Composit
·2022-08-16 09:59

快速上手Vue3

ReactiveAPI和RefAPIreadonly‍补充：Reactive判断的API和ref判断的API‍computed函数使用‍Setup中使用ref生命周期钩子‍侦听数据的变化‍setup语法糖‍♀️defineProps
贤蛋大眼萌·2022-08-12 10:05

Vue3.2+Ts组件之间通信的实现

目录父子组件通信1、defineProps2、defineEmits3、defineExpose4、v-model兄弟组件通信跨组件通信Provide/Inject受疫情影响，居家办公有一阵了，最近闲下来开始谈谈自己对于
·2022-08-10 20:01

vue3+el-table表格表头增加斜线

上链接3.可能会有多级表头所有把table封装了一下，所以我没有用插槽来处理斜线，直接用到了多级表头//表格组件import{defineProps}from'vue';import{ref,onMounted
珊妹的博客·2022-08-09 09:10

vue3.2（setup语法糖）父子组件间传值

back.vue'consttitle=ref('你好呀')//template部分子组件接收父组件信息/components/common/back.vueimport{toRefs}from'vue'constprops=defineProps
唯心所现，唯识所变·2022-08-05 08:45

vue3+Pinia+TypeScript 实现封装轮播图组件

迎合es6模块化开发思想注册为全局组件，可以更好地复用，需要用到的地方，直接使用标签即可静态结构后面再进行更改defineProps().xtx-carousel{width:100%;height:100%
·2022-07-25 09:57

vue3中单文件组件