如何关闭 Vue 3 中的 productionTip 警告?

And*_*hiu 13 vue.js vuejs3

在 Vue 2 中可以使用

Vue.config.productionTip = false;
Run Code Online (Sandbox Code Playgroud)

关闭productionTip开发版本的警告。但是它不适用于 Vue 3:

Vue.config.productionTip = false;
Run Code Online (Sandbox Code Playgroud)
Vue.config && (Vue.config.productionTip = false);

const App = {
  data: () => ({
    foo: 'bar'
  })
};
Vue.createApp(App).mount('#app');
Run Code Online (Sandbox Code Playgroud)

And*_*hiu 11

根据文档,它已被删除

因此,如果您想消除 Vue 3 Stack Overflow 答案中的警告(而不禁用代码片段中的控制台),则必须替换src="https://unpkg.com/vue"global.prodCDN 构建:(即:)src="https://unpkg.com/vue/dist/vue.global.prod.js"

const App = {
  data: () => ({
    foo: 'bar'
  })
};
Vue.createApp(App).mount('#app');
Run Code Online (Sandbox Code Playgroud)
<script src="https://unpkg.com/vue/dist/vue.global.prod.js"></script>
<div id="app">{{ foo }}</div>
Run Code Online (Sandbox Code Playgroud)


MAW*_*MAW 6

在 Vue 3.x 中,生产提示默认为 false。现在仅适用于开发人员。查看Vuejs官方文档

  • 事实上,Vue 3 中的 `development` 默认为 `false`,这一点与 Vue 2 相比没有变化。它一直是*“仅适用于开发”*。Vue 3 中的变化是您无法再在开发版本中关闭它。因此,如果人们不想要警告,现在就被迫使用产品版本。在 2.x 中,您可以将其关闭,正如我的问题中提到的。 (5认同)