Vue3 笔记
setup 函数
setup
函数是 vue3
的核心 也是所有函数的入口
这个函数传入两个参数,分别为 props
和 context
props
为 父组件传递的参数,而 context
为 attrs
, emit
, slots
props
是响应式的,但是不可以 使用 解构或者展开,这样会 导致响应式 失败(原因会在第二点讲)
context
可以使用解构,slots
相当于以前的 $slots
emit
相当于以前的 $emit
,attrs
则是在组件标签上的内容
props
和 attrs
的区别:
如下面代码 所示,name
属性 在 props
参数对象中定义了的,就会进入 props
里面,
否则 其他在组件标签上的内容会进入 attrs
里面
大约 9 分钟