Vue3关闭Vue2中的options选项API

Vue3关闭Vue2中的options选项API

Vue3兼容Vue2，也就是说咱们在Vue3的项目中，同样可以使用Vue2的options选项api，这也是Vue3的默认其行为，但是我认为既然选择使用了Vue3为什么要去写v2中的选项api呢，如果你非得要写，倒不如直接使用vue2了，并且对v2写法更加熟悉

在Vue3中将Vue2中的optionsAPI关闭了之后，打完之后的包体积确实变小了

下面介绍如何关闭，其实非常简单

我这里是使用的vite搭建的，只需要在vite.config.js中设置如下：

define: { __VUE_OPTIONS_API__: false // 关闭 Vue2 中的 options选项API},

设置完之后，都不需要重启项目，保存立刻生效！

上述代码，在我们未设置之前控制台是会打印的，也就是正常执行mounted等钩子函数 但是当我们设置之后，控制台将不再会打印！

Vue3中默认就是true，也就是默认支持OPTIONSAPI  咱们可以选择将其关闭，这样也可以减小打包之后的包体积

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。