vue的setup函数

最新推荐文章于 2024-07-18 21:25:46 发布

ikun不解释

最新推荐文章于 2024-07-18 21:25:46 发布

阅读量1w

点赞数 2

分类专栏： vue

本文链接：https://blog.csdn.net/qq_42309685/article/details/119672487

版权

Vue的setup函数作为组合式API的核心，用于集中处理组件逻辑。它接收Props和Context两个参数。Props是响应式的数据，不可直接解构，需通过toRef处理。Context对象包含props、attrs、slots和emit，其中props和attrs/slots是非响应式的，需要在特定生命周期钩子中处理。setup函数在组件实例创建之前执行，只能访问有限的属性。

摘要由CSDN通过智能技术生成

组合式API（setup）

作用：将同一逻辑关注点代码收集
setup

使用 setup 函数时，它将接受两个参数
- props
- context
Props

props 是 setup 函数中的第一个参数，props 是用 Proxy 包裹的一个响应式数据，当传入新的 props时，它将被更新。

需要注意的是：因为 props 是响应式的，不能使用 ES6 结构，因为解构会消除 props 的响应性。

如果需要解构 props，可以在 setup 函数中使用 toRef 函数来完成此操作：
```
import {
      toRefs } from 'vue';

setup
```

最低0.47元/天解锁文章

ikun不解释

关注

2
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
vue的setup函数

组合式API（setup）作用：将同一逻辑关注点代码收集setup使用 setup 函数时，它将接受两个参数propscontextPropsprops 是 setup 函数中的第一个参数，props 是用 Proxy 包裹的一个响应式数据，当传入新的 props时，它将被更新。需要注意的是：因为 props 是响应式的，不能使用 ES6 结构，因为解构会消除 props 的响应性。如果需要解构 props，可以在 setup 函数中使用 toRef 函数来完成此操作：i
复制链接

扫一扫

专栏目录