Vue3 的 Script 标签中写 setup 和不写在本质上到底做了什么改变?

个人背景:从学习 vue3 以来就一直有的疑惑,我之前是没接触过 vue2 的。

Vue3 的 Script 标签中写 setup 和不写在本质上到底做了什么改变?
如上图所示,如果我不加 setup 的话,我就得 export 我声明的一些变量。


故而引发了下面的思考?

问题一:setup 这个单词在这个场景下的更贴切的中文翻译应该是什么呢?

问题二: 为什么我加了 setup 以后,就不用 export 了呢?

问题三: 加和不加,是影响了 vue 编译器的静态编译阶段?还是运行时呢?


回答:

setup 是一个语法糖,它会告诉编译器,这里是使用了 composition API 的 setup 代码块,应该用预设的方案编译。

所以:

  1. 没法翻译,也不需要翻译。
  2. 如上,编译器帮你处理了。
  3. .vue 文件、TS 均无法直接在浏览器里处理,所以影响的都是编译阶段

以上是 Vue3 的 Script 标签中写 setup 和不写在本质上到底做了什么改变? 的全部内容, 来源链接: utcz.com/p/933826.html

回到顶部