setup的两个注意点

最新推荐文章于 2024-10-18 17:49:11 发布
最新推荐文章于 2024-10-18 17:49:11 发布
阅读量249 收藏
点赞数
分类专栏： Vue3 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cj21126/article/details/128109376
版权
  • setup执行的时机😅
    • 在beforeCreate之前执行一次，this指向是undefined😓

  • setup的参数🐩
  • props：值为对象，包含：组件外部传递过来。且组件内部声明接受了属性😙
    • context：上下文对象🐋
  • attrs：值为对象，包含：组件外部传递过来，但没有在props配置中声明接受，相当于Vue2中this.$attrs🐺
    • emit:分发自定义事件的函数，相当于Vue2中的this.$emit（自定义事件触发函数）🥕
    • slots：收到的插槽内容，相当于Vue2中this.$slots🐴
  • Vue中实例对象也有相同功能的this.$attrs，this.$slots，this.$emit，而Vue3中将其移值到setup中的context上下文对象中💭

 

cj21126
关注
专栏目录
四、【Vue3】——setup不得不说的两个注意点
yifei1234567的博客
04-01 1880
在Vue3中setup被称为组合式API表演的舞台，可见其重要性与地位，在小编第一篇中浅谈过setup的使用，这节可以进阶学习一下setup中两个注意点：执行时机以及其参数。
vue3中setup的两个参数和具名插槽
weixin_43613849的博客
09-13 2388
1、setup的两个参数 setup的参数 export default { name: 'Demo', props:['msg','school'], emits:['hello'], setup(props,context){ console.log('---setup---',props) console.log('---setup---',context) return { } } props：值为对象，包含：组件外部传递过来，
python安装时两个选项是什么意思_关于python中的setup.py
weixin_39530149的博客
11-30 1721
前言其实对于setup.py和setup.cfg的关注是从OpenStack的源码包中开始的，OpenStack每个组件的发布时都是一个tar.gz包，同样，我们直接从github上clone代码后也会发现两个文件的存在。当阅读Nova或Ceilometer(其他组件可能也会涉及)的代码时，发现setup.cfg中内容对于代码的理解有很大的影响。那么，到底setup.py和setup.cfg是干什...
vue3-setup函数使用注意事项
qq_58946831的博客
11-26 1383
setup函数返回两种值 1、 若返回一个对象，则对象中的属性、方法，在模板中可以直接使用。（重点关注！常用） export default { name: 'App', setup() { let name = "罗根"; let age = 18; function showName() { alert(`姓名：${name} 年龄：${age}`) } // 返回一个对象（常用） return { name,
【Vue3】setup的注意点及watch监视属性的六种情况
zhaochen1127的博客
04-18 2864
博主简介🛌 某神秘组织成员前端小白，前端优质创作者，阿里云博主，一个开朗的网友有一个名为山鱼社区的社区，收录许多优秀博主的创作内容创作不易希望能得到您的支持，您的支持是我创作的动力✌。
inno setup 打包（两个exe静默）和卸载（静默）
weixin_43453221的博客
04-29 4250
; 脚本由 Inno Setup 脚本向导 生成！ ; 有关创建 Inno Setup 脚本文件的详细资料请查阅帮助文档！ #define MyAppName “（体验版）” #define MyAppVersion “1.5” #define MyAppPublisher “我的公司” #define MyAppExeName “chat.exe” [Setup] ; 注: AppId的值为单独...
Inno Setup软件 打包多个安装包程序
huangdenan的博客
12-01 3213
vc_redist.x64…exe 文件放在cod.exe 所在目录 [Files] Source: “你要打包的软件目录\COD.exe”; DestDir: “{app}”; Flags: ignoreversion Source: “你要打包的软件目录\vc_redist.x64…exe”; DestDir: “{app}”; Flags: ignoreversion [Run] Filename：“"{app\vc_redist.x64.exe”;Flags: nowait skipifsilent
vue3.0中setup使用(两种用法)
热门推荐
不是对你没感觉，是你没开保时捷
03-16 4万+
这篇文章主要介绍了vue3.0中setup使用，本文通过两种用法给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下 一、setup函数的特性以及作用 　　可以确定的是 Vue3.0 是兼容 Vue2.x 版本的 也就是说我们再日常工作中 可以在 Vue3 中使用 Vue2.x 的相关语法 但是当你真正开始使用 Vue3 写项目时 你会发现他比 Vue2.x 方便的多 　　Vue3 的一大特性函数 ---- setup 　　1、setup函数是处于 ...
winform打包应用程序-setup安装包
有一分热，发一分光。
05-01 6010
winform生成安装包详细步骤和图文讲解，手把手保姆级教程，实测复现。
Inno Setup 制作安装包问题总结
前人栽树，后人乘凉。
05-13 1895
Inno Setup 制作exe安装包前言：使用Inno Setup制作exe安装包，首先需要一个可运行的exe程序，然后下载Inno Setup工具，最后才是制作安装包的过程。exe主程序此处我使用Inno Setup自带的MyProg.exe，安装好Inno Setup工具，就能找到。如图：双击效果：下载Inno Setup工具http://链接：https://pan.baidu.com/s/12NwKgpRxgei8agj5PLERcw 提取码：xx11h..
setup factory 安装前静默卸载
09-01
- 在 `Options` 分页下，勾选 `Allow silent uninstall` 和 `Start in silent mode` 两个选项，这将允许安装程序在无人值守模式下进行卸载。 #### 四、注意事项 - **兼容性问题**：确保所使用的卸载程序能够兼容...
Inno Setup 和 My Inno Setup Extensions 教程
01-15
如果参数值包含分号或引号，需要使用两个连续的引号来代替单引号。 在命令行中，可以通过执行Inno Setup的安装编译器来编译脚本文件。如果需要添加特定的命令行参数，则可以在编译器的命令中进行指定。文档中约定，...
Primary Setup Tool 操作说明
09-20
此时，可以查看到网络中有两个设备，包括一个S7-300站和一台西门子编程设备（通常是PC）。 4. **编辑网络接口参数**：点击要操作设备前面的加号图标，可以展开设备信息。然后，选择网络接口条目，软件将显示目标...
原型链+instanceof+Vue底层原理
m0_65985318的博客
10-18 699
在 Vue 组件中，render 函数是一个选项，它返回一个虚拟节点 (VNode)，或者是一个包含多个 VNode 的数组。
vue video播放m3u8监控视频
最新发布
YM_010530的博客
10-18 94
很关键的问题 vite创建的项目不需要import ‘videojs-contrib-hls’ 导入就报错。直接添加如下代码即可。
【VUE】v-show 和 v-if 的区别
10-18 64
v-show 和 v-if 的区别
【vue】指令补充+样式绑定+计算属性+侦听器
zxj20041003的博客
10-13 886
所谓指令修饰符就是让指令的 功能更强⼤，书写更便捷如何监听回⻋键？​ 答: 1、 @keydown.enter -> 回⻋按下​ 2、@keyup.enter -> 回⻋抬起如何阻⽌默认⾏为、阻⽌冒泡？​ 答: 1、@click.prevent -> 阻⽌默认⾏为​ 2、@click.stop -> 阻⽌冒泡​ 3、 @click.prevent.stop -> 可以链式调⽤, ⼆者都阻⽌v-model的3个修饰符的作⽤是什么？
vue3中监视 Reactive对象中的属性
qq_58341172的博客
10-13 980
watch的第一个参数可以是不同形式的“数据源”：它可以是一个 ref (包括计算属性)、一个响应式对象、一个、或多个数据源组成的数组。
Vue-admin-box后台管理框架
bjzhang75的博客
10-14 551
Vue-admin-box后台管理框架
vue3中的setup两种形式
10-10
Vue 3中的 `setup` 函数有两种常见的形式： 1. **传统的函数式组件**: 在这种形式下，`setup` 是一个普通的 JavaScript 函数，通常位于组件的顶层。它接收 `props`, `context` 和 `setupContext` 作为参数。你可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值