标签
note
字数
357 字
阅读时间
2 分钟
setup 的作用
setup() 函数是 Vue3 中组件的入口函数，在组件实例创建之前执行的，它可以访问组件的 props 和 context 对象。
主要作用是初始化组件的状态和行为，并返回组件实例的上下文对象（包含了模板中需要用到的响应式数据和方法）
对比 vue2
使用 setUp 函数可以避免在组件实例化和更新时重新创建响应式数据对象，从而减少了组件创建响应式对象的开销，提高了渲染性能
- 在 Vue3 中，当我们在
setup()函数中声明响应式数据时，Vue3 会使用reactive()函数来创建响应式数据对象，并将其绑定到组件实例上下文中 - 因此，在组件实例的整个生命周期中，我们都可以直接访问这些响应式数据对象，而不必再次创建它们
在 Vue 2 中，每当一个组件被实例化时，就会创建一个响应式数据对象，这些响应式数据对象都会存放在组件实例中。在组件更新时，会重新创建一个新的响应式数据对象，从而导致了不必要的性能开销
参考
贡献者
jiechen