setup

这种写法是什么意思呢？实际上这叫做可选的额外依赖(extras)。有一些功能比较强大的第三方库，他需要安装很多依赖。但是如果我只需要使用其中的特定某个功能，那么实际上只需要安装这个功能需要的依赖就可以了。

setup​语法糖经过编译后就变成了setup​函数，而setup​函数的返回值是一个对象，这个对象就是由在setup​顶层定义的变量和import​导入组成的。vue​在初始化的时候会执行setup​函数，然后将setup​函数返回值塞到vue​实例的setupState​属性上。

在 Vue3.0 中变量必须 return 出来，template中才能使用；而在 Vue3.2 中只需要在 script 标签上加上 setup 属性，无需 return，template 便可直接使用，非常的香啊！