setup是vue3中的一个全新的配置项,值为一个函数;
启动页进入页面自动执行
setup在renderer后就会执行,此时vue还没有进行init Options Api,也就是组件实例未被创建/解析前,所以是不存在this的。
setup是所有CompositionAPI(组合API)的基础,组件中所用到的数据、方法等都需要在setup中进行配置;
<script setup>
...
</script>
3、注意点:
①、vue3支持向下兼容,vue2中的data、methods配置项在vue3中都能够使用,但是尽量不要将vue3中的配置项和vue2.x配置项混用;
②、vue2.x配置(data、methods、computed等)中可以访问setup中的属性、方法,但是在setup中不能访问vue2.x配置(data、methods、computed等);
③、如果vue2.x配置与vue3配置存在重名,则以setup优先;
④、setup不能是一个async函数,因为返回值不再是return的对象,而是promise,模板看不到return对象中的属性;