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 分钟