vue3如何暴露内容

子组件中---------------------------------
//暴露内容
const postValue = ref("");
defineExpose({postValue, //把子组件的图片暴露出去
});父组件中-------------------------------
---------------------------------<UploadPic ref="postValue" />
// 接收子组件暴露出的图片
const postValue = ref("");---------------------------------
const addOk = (e) => {addVisible.value = false;console.log(postValue.value.postValue); //使用父组件暴露的图片formState.pic = postValue.value.postValue;
};

vue3如何暴露内容相关推荐

vue3 组合式API与响应性的概念理解和简析
目录 1. 组合式API简介 1.1. 组合式API是为了实现关注点抽离 1.1.1. 什么是关注点? 1.1.2. 为什么需要关注点抽离? 1.1.3. 组合式API是为了实现关注点抽离 2. 组合 ...
学习vue3系列computed
响应式API中 computed 和之前的 computed 选项用法类似. 对于任何复杂逻辑,我们都可能使用计算属性.比如翻转字符串: <template><h1>{{ te ...
vue3 setup 语法糖的项目实战用法
vue3.2 之后语法糖起初 Vue3.0 暴露变量必须 return 出来,template中才能使用: 这样会导致在页面上变量会出现很多次. 很不友好,vue3.2只需在script标签中添加s ...
Vue3教程：Vue3 开源商城项目重构计划正式启动！
我打算用 Vue3 写一个商城项目,目前已经开始着手开发,测试完成后正式开源到 GitHub,让大家也可以用现成的 Vue3 大型商城项目源码来练练手. 1 Vue3 来了今年上半年,我用 Vue ...
Vue3.x全家桶之Vue组件化开发(二)
✍灬更新说明更新时间:2022-1-03 更新内容: Vue2.x 更新至 Vue3.x Demo与文件.截图演示齐全保留了Coderwhy老师Vue2.x的精华部分,添加Vue3.x的内容在V ...
自媒体运营工作内容有哪些？剑走偏锋的运营思路
在这个人人都是媒体的时代,做媒体,不做细致的运营很难.所以一定要有运营的想法. 媒体平台现在很多,包括公众号.抖音.百家号.搜狐号.一点号.简书.大鱼号.企鹅号等. 现在运营自己的媒体,需要多个平台的 ...
vue3.0语法糖及ref、reactive、toRef、toRefs的区别
vue3.0语法糖前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家. 1.什么是setup语法糖起初 ...
2022前端面试总结
先说些废话这是一篇笔者面试记录的文章,并非要写一篇非常全面的面试题汇总文章,希望看完本文对您能有一定的帮助. 首先,面试对个人来说,就是一种对以往工作之中经验积累的一种检验,如果平时在工作中对自己遇 ...
昨天看了一场尤雨溪的直播，聊聊过程和感受
大家好,我是这波能反杀. 今天晚上,我和我的群友们,一起在掘金上看了一场尤大的直播. 怎么说呢,我很享受这种氛围.和一群志同道合的朋友,看同一个东西,然后各自发表自己的意见和看法,这种感受与看直播发弹 ...

vue3如何暴露内容

vue3如何暴露内容相关推荐

最新文章

热门文章