vue2中使用composition/api, script setup问题记录

林雨静 林雨静 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 4.7k累计阅读 4.8k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄10年
关注
原创 最新推荐文章于 2026-06-05 09:02:11 发布 4.7k 阅读 AI 写同款· GEO 优化 ›
技术不革新带来的问题负担-剖析vue2.5源码的bug 我们可以在if语句这里打一个条件断点，证明我们的思路是不是正确的。条件断点为重新执行后会发现条件断点确实触发了两次，第一次vm上没有cardList，第二次vm上有cardList，所以第一次没有报错，第二次的时候控制台报错了。第一次触发条件断点的截图：第二次触发条件断点的截图：我们查看这两次触发断点的调用栈情况，发现不同点在于这里：我在这一步卡了挺久的，一直在看这个是怎么执行的，这里其实我们把断点打在1952行，就会容易分析很多，因为里面用到的data其实是来自于函数外部的。 阅读详情

  1. “ReferenceError: defineEmits is not defined”
    在这里插入图片描述
    解决：vue-eslint-parser to v9.0.0 or later.

  2. 在这里插入图片描述
    解决方法同1

  3. The setup binding property “xxx” is already declared as a prop.在这里插入图片描述
    解决方法：除了在监听xxx时，其他地方使用props引入的变量时使用 props.xxx的方式。

收录于
vue

当前文章被收录于：

vue
6 篇文章 0 人学习
订阅专栏 查看详情
标签
#vue.js #javascript #ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Vue3核心架构与Composition API深度解析 现代前端框架通过响应式系统实现数据与UI的自动同步，其核心原理是利用Proxy/defineProperty拦截数据变化并触发更新。Vue3通过全面重构响应式系统，采用Proxy替代Vue2的Object.defineProperty，解决了动态属性追踪等痛点，性能提升达40%。组合式API（Composition API）作为Vue3的核心创新，突破了选项式API的代码组织限制，支持逻辑关注点分离和更好的TypeScript集成。在工程实践中，这种架构升级显著提升了大型应用的可维护性，配合Teleport 阅读详情

相关推荐

Vue 2.0-＞3.0学习笔记（Vue 3 （二）- 常用 Composition API）

Vue 2.0-＞3.0学习笔记（Vue 3 （二）- 常用 Composition API）

PNPYY的博客 1058

vue3 setup语法糖报错“Uncaught ReferenceError: defineEmits is not defined“

记录在实际开发中遇到的报错

leila_W的博客 6733

vue3的使用记录

因为toRefs() 函数可以将 reactive() 创建出来的响应式对象，转换为普通的对象，只不过，这个对象上的每个属性节点，都是 ref() 类型的响应式数据, 所以当访问queryParams时也需要加上value。ref() 函数用来根据给定的值创建一个响应式的数据对象，返回的是一个对象，这个对象上包含一个value属性，但template中不需要。3.ref定义对象时，底层会通过reactive转换成具有深层次的响应式对象，所以ref本质上是reactive的再封装。

nick_zhang的博客 763

vue3报错：‘defineProps‘ is not defined，‘defineExpose‘ is not defined

今晚在使用Vue3开发的时候报了以下错误： ‘defineExpose’ is not defined ‘defineProps’ is not defined ‘defineEmits’ is not defined no-undef ‘withDefaults’ is not defined no-undef 百度了一下发现有人说在eslint的规则里加 rules: { "no-undef": "off" }, 但这个规则把所有未定义的变量的错误都屏蔽了，不是最优的解决方案，最后

zhanye88的博客 1万+

五、vue3.0之组件通信详解(defineProps、defineEmits、defineExpose)

web前端vue3.2之组件通信详解(defineProps、defineEmits、defineExpose)

张先森的博客 2万+

如何理解，app 部署在 SAP BTP Subaccount 的 Kyma 上，并通过独立的 SAP IAS 和 OIDC 登录

文章摘要：本文解析了"SAP BTP Subaccount Kyma + SAP IAS/OIDC"的技术组合关系，指出其包含三个核心维度：账号治理边界(SAP BTP Subaccount)、运行时环境(Kyma)和身份认证机制(IAS/OIDC)。特别强调要区分Kyma平台管理登录和业务应用登录，前者基于Kubernetes RBAC，后者使用OIDC协议。典型实现中，业务应用部署在Kyma命名空间，通过独立配置的IAS进行用户认证，采用Authorization Code Flow

2007 年 ~ 2025 年，深耕 SAP 技术 18 年 3679

记录vue2使用composition-api及unplugin-vue2-script-setup的报错及解决方案

vue2使用composition-api及unplugin-vue2-script-setup的报错及解决方案

qq_37366572的博客 4792

机械臂TCP标定实战：从四点法到六点法的精度跃迁

本文详细解析机械臂TCP标定技术，从基础的四点法到高精度的六点法实现精度跃迁。通过工具坐标系与基坐标系的转换原理，结合实战案例展示六点法如何将装配合格率提升至99.5%，并分享环境控制、操作技巧等提升标定精度的关键要素。

weixin_29038345的博客 896

vscode配置composition-api (vue2)

在vue 2 项目中使用compositon-api ,包括项目和vscode的配置

蔡姐的博客 1914

吃透 AM32 无人机电调：从源码架构到工作原理的全方位解析（附实践指南）（中）

介绍了三相电机控制中的SVPWM算法实现及保护机制设计。SVPWM部分详细解析了电压矢量扇区判断、占空比计算和过调制保护，通过限制占空比范围（0-100%）防止电机失控，并提供了完整的代码实现。保护模块则重点分析了过流、过压/欠压、过温三种保护机制，采用分级处理策略（硬保护停机/软保护降功率）确保系统安全。此外，文章还介绍了参数管理模块在STM32 Flash中的存储方案，包括参数定义、数据结构和读写操作，为电机控制系统提供了完整的解决方案。

bother3000的博客 1389

手把手教你用U盘制作Win11启动盘：从PE工具到系统安装全流程

本文提供了一份详尽的Windows 11启动盘制作与系统安装全流程指南。从选择合适的U盘和PE工具开始，重点讲解了如何正确制作包含EFI引导分区的启动盘，并详细演示了在PE环境下进行GPT分区、使用CGI工具安装系统镜像，以及首次启动后的关键设置步骤，帮助用户轻松完成从零到一的系统安装。

weixin_28475533的博客 1288

Composition API使用记录

1. 生命周期 Vue3 生命周期对应模块 import { onMounted, onUpdated, onUnmounted } from "@vue/composition-api"; export default { setup() { onMounted(() => { console.log('mounted!') }) onUpdat...

Merryhyl的专栏 1205

三分钟解决RKNN-Toolkit2安装失败：从模块报错到成功验证的完整记录

本文详细记录了RKNN-Toolkit2安装失败的解决方案，从环境配置到模型转换实战，特别针对常见的'No module named 'rknn''报错提供了完整修复指南。通过YOLOv8模型转换示例，展示了从ONNX到RKNN格式的完整流程，并分享了在RK3588芯片上的部署优化技巧。

html8的博客 264

vue2 composition-api setup 中使用vue-router、vuex

记录如何在vue2中组合式api中使用vuex以及vue-router。封装为vue3中使用vuex的类似方法。

xy1580的博客 1088

视频帧插学习（三）：ema-vfi代码拆解和分析

video interp EMA-VFI

mikhailbran的博客 708

基于STM32的半导体制冷片温度控制

制冷片温度控制，温控范围15℃~45℃，本人菜鸡一枚，大佬绕路。 #include "stm32f10x_gpio.h" #include "relay.h" void relay_Init(void){ GPIO_InitTypeDef GPIO_InitStructure; RCC_APB2PeriphClockCmd(RCC_APB2Periph_GPIOB,ENABLE);//Ê...

大白兔的博客 9015

Vue2.6 + TS + composition-api 项目升级至 Vue2.7

Vue2.6* + ts + compostion-api 升级 Vue2.7升级 vue2.7使用 this.$router this.$store

伟深么的博客 2019

把 SAP Workflow 的 Task 搞懂：从 TS 到 WS 的建模、触发与排错全景

摘要：SAP Business Workflow中的Task是工作流设计的核心单元，分为single-step（独立执行）和multistep（流程编排）两种类型。Task设计直接影响流程的可复用性、扩展性和可排错性。系统将Task分为5类（TS/T/WS/WF/TG），运行时通过事件触发、Linkage匹配、Work Item执行的链路完成流程驱动。关键事务码包括PFTC_INS（创建Task）、SWE2（事件配置）等。正确设计Task边界并遵循"先业务提交后事件触发"原则，是构建稳定

2007 年 ~ 2025 年，深耕 SAP 技术 18 年 273

vue3 组合式API composition 简单使用

composition api 组合式API 官网文档 通过创建 Vue 组件，可以将界面中重复的部分连同其功能一起提取为可重用的代码段。 使用 (data、computed、methods、watch) 组件选项来组织逻辑通常都很有效。然而，当组件开始变得更大时，逻辑关注点的列表也会增长。尤其对于那些一开始没有编写这些组件的人来说，这会导致组件难以阅读和理解。 这种碎片化使得理解和维护复杂组件变得困难。选项的分离掩盖了潜在的逻辑问题。此外，在处理单个逻辑关注点时，必须不断地“跳转”相关代码的选项块。 如

jyn15159的博客 2449

GB9706.1-2020应用部分如何理解？

医用电气设备对应用部分的温度限制，绝缘考核，漏电流限制要求相对设备的其他部分来说都会要求比较严格。所以，划分设备的应用部分显得非常重要。现实中，医疗器械种类繁多，形状各异，比如大家熟悉的，小的如血压计，大的设备如CT。有些时候，我们应该如何根据应用部分的定义来确定ME设备的哪些部分是应用部分呢？还有GB 9706.1-2020中关于“应用部分”的定义中注2我们又该如何理解？ 看过GB 9706.1-2020的朋友应该都已经注意到，相比老版也就是07版的9706.1，应用部分的定义是相对变...

喵叫兽的博客 8296

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面，电脑运行连游戏界面都一样大小，很怀旧，很真实，（英文版）强烈推荐，很小的文件，很难才找到的。

你真的理解 Composition API 吗？Vue3 面试深水区全记录

《Vue3面试避坑指南：从会用API到理解底层机制》 文章针对Vue3开发者常见面试困境，揭示了Composition API背后的核心逻辑： 1️⃣ ref vs reactive本质区别：ref解决值类型响应问题，需通过.value访问，而reactive直接代理对象 2️⃣ setup三大隐藏机制：响应式注册时机、生命周期钩子函数化、defineExpose的封装哲学（需显式暴露内部方法） 3️⃣ 面试高频考点：Proxy响应式原理、ref的模板解包、宏编译静态分析等设计思想 核心建议：通过源码阅读（

Anthony1453的博客 1155

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

Vue 3 Composition API 中的 SSR 实践

Vue 3的Composition API为SSR开发提供了更灵活的代码组织方式。文章介绍了通用代码的概念，即在服务端和客户端都能执行的代码，并重点分析了setup函数在SSR中的执行时机。通过示例演示了如何在SSR中使用Composition API，包括使用defineOptions设置预取数据，区分服务端/客户端执行环境的方法，以及生命周期钩子的差异处理。最后强调了理解setup函数执行时机对开发高效可靠的SSR应用的重要性。

m0_62153576的博客 733

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。，新界面，新视觉，

Vue3.0 Composition API 介绍

Introduction Why Composition API? 阅读此部分内容之前，你需要先熟悉vue的基础以及如何创建组件 通过使用vue组件，我们可以将接口中的某些重复的部分，以合适的方式组合成可复用的代码，而使得我们的应用更具可维护性和灵活性。但当我们的应用变得越来越庞大时，例如调用了上百个组件，仅仅靠这是还不够的。在处理这种庞大的应用时，共享、复用代码变得尤为重要。 设想一下，我们要在一个应用中展示某个用户的仓库列表，并且要有搜索和过滤的能力。这个应用可能长这样： // src/

rebornszoro的博客 1167

Vue 3 核心功能详解：docs-next-zh-cn 带您探索 Composition API 与响应式系统

Vue 3 作为现代前端开发的重要里程碑，带来了革命性的 Composition API 和更强大的响应式系统。docs-next-zh-cn 项目提供了完整的中文文档，帮助开发者快速掌握 Vue 3 的核心功能。本文将为您详细解析 Vue 3 最重要的两大特性：Composition API 和响应式系统，让您轻松上手新一代前端框架。无论您是 Vue 2 的老用户还是前端开发的新手，都能通过本文

gitblog_01031的博客 482

vue.js 问题记录 composition-api/ref引用

vue.js 问题记录 ref引用

mashirokayo的博客 444

【Vue】初识Composition Api

0 前言 从Vue2升级到Vue3，可能最大的变化之一就是Composition Api了。 Composition Api是什么东西为啥要用它？怎么用它？有什么需要注意的吗？ 面对陌生的它，我们在这儿先简单认识一下它，而具体如何使用以及使用的注意点，将会在后续的文章更新中介绍，可以关注本文最后持续更新的扩展阅读部分。 1 是什么 Composition Api，也就是组合式Api。 我认为，它解决的主要是两大痛点：逻辑性、复用性。 在Vue2中的Options Api，我们用data、components

RogerQianpeng的博客 1969
上一篇： 记录好文章
点赞 0
评论 6
书签 书签 1
林雨静
林雨静
博客等级 码龄10年 11粉丝 23原创
+ 关注 专栏目录 订阅专栏
评论 6
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值