setup是有所Composition API(组合API) “表演舞台”
组件中所有用到的:数据、方法等等,都要配置在setup中
在Vue3.0中setup一共有两种使用方式,
第一种是正常的在script中使用setup函数,然后给出数据、方法的返回值就可以使用对应的数据、方法,这种情况下,vue2.0中的生命周期函数,data,methods、计算属性,监听器等都可以正常使用,但是data和setup两个的优先级,setup优先级更高。
第二种是在script标签中将setup当成一个属性,这是setup的一种语法糖,添加进去,然后再script中不再需要像setup函数一样需要返回对应数据、方法,
面试题:说一下你对vue3.0中的setup函数的理解?
setup只能是同步,不能是异步
它的执行在组件实例创建之前即vue2.x的beforeCreate执行
由第二点得知,setup函数中this还不是组件实例,即this就是undefined
案例:
浏览器显示: