vue3的setup语法糖和props和emit
发布时间：2023-03-14 15:00
1、setup
新的组件选项，在创建组件之前执行，并作为组合式 API 的入口点
![\"vue3的setup语法糖和props和emit_第1张图片\"](\"https://img.it610.com/image/info8/7c8e72486bbd4f25bc040af90ee2c537.jpg\")
![\"vue3的setup语法糖和props和emit_第2张图片\"](\"https://img.it610.com/image/info8/9ca23df6d8864436b0592bb75ce01487.jpg\")
可以后台打印一下 proxy 不管是函数还是对象 属性 方法 都是合并在里面的哟
![\"vue3的setup语法糖和props和emit_第3张图片\"](\"https://img.it610.com/image/info8/3858f77777b642449f913ef07b42adeb.jpg\")
![\"vue3的setup语法糖和props和emit_第4张图片\"](\"https://img.it610.com/image/info8/30418307fea14c5eabc8260a704b108a.jpg\")
![\"\"](\"https://img.it610.com/image/info8/88f031d39ca747a0ad73a2bb31eb8ff7.jpg\")
一般不要混合使用：methods中可以访问setup提供的属性和方法，但在setup方法中不能访问data和methods
setup不能是一个async函数：因为返回值不在是return的对象，而是promise，模板看不到return对象中的属性数据
setup的参数：
![\"vue3的setup语法糖和props和emit_第5张图片\"](\"https://img.it610.com/image/info8/354aedfdcbee4bc68a9dbc2e92974738.jpg\")
这个面试肯定会呗问到哟 小伙伴们注意了
3.子组件 （写太麻烦了 直接上代码）
![\"vue3的setup语法糖和props和emit_第6张图片\"](\"https://img.it610.com/image/info8/da34a4fd321c4b63a5e2d309f453312a.jpg\")
4.父组件 注意vue3 ref 是个坑哟 记得填充
![\"vue3的setup语法糖和props和emit_第7张图片\"](\"https://img.it610.com/image/info8/3b7d5b8068af43359c63a30d2c259376.jpg\")