如何关闭Vue 3中的生产提示警告

Question

在Vue 2中，可以使用

Vue.config.productionTip = false;

关闭开发构建中的CCD_ 1警告。然而，它不适用于Vue 3:

Vue.config && (Vue.config.productionTip = false);
const App = {
data: () => ({
foo: 'bar'
})
};
Vue.createApp(App).mount('#app');

<script src="https://unpkg.com/vue@next"></script>
<div id="app">{{ foo }}</div>

Answer 1

根据文档，它已被删除。

因此，如果您想消除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');

<script src="https://unpkg.com/vue/dist/vue.global.prod.js"></script>
<div id="app">{{ foo }}</div>

Answer 2

productionTip在Vue3.x中的生产中默认为false。现在它只适用于开发人员。请查看Vuejs的官方文档。

Answer 3

编写此

const app = createApp(App)
app.config.warnHandler = function (msg, vm, trace) {
return null
}

完成！