vue新api中setup参数详解

vue新api中setup参数详解

在使用vue3配合新api使用的时候,和在vue2.x的时候有一些区别,主要讲下尤大的Composition API中 setup钩子的用法和注意一些避免的坑.

先声明一下composition API的一大作用就是避免像vue2一样直接使用this, 在vue2都是通过this来访问当前组件实例的(js调用this也是被诟病的一个点),CompositonAPI也是优化了这一点

创建组件实例，然后初始化 props ，紧接着就调用setup 函数。从生命周期钩子的视角来看，它会在 beforeCreate 钩子之前被调用

它接受俩个参数, [props, context]

props:  使用这个参事之前必须在初始化的时候声明，（type,default,validator）,解构会让props失去活性。

context: 这里包含定义的事件，和一些没有被声明的属性参数，attrs 和 slots 在这里被调用。