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

Question

在 Vue 2 中可以使用

Vue.config.productionTip = false;

关闭开发构建中的

productionTip

警告。但是它不适用于 Vue 3：

Vue.config && (Vue.config.productionTip = false);

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

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

Answer 1

根据文档，它已被删除。

因此，如果您想摆脱 Vue 3 Stack Overflow 答案中的警告（而不禁用代码片段中的控制台），则必须将

src="https://unpkg.com/vue"

替换为

global.prod

CDN 构建：（即：

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

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

Answer 3

写这个

const app = createApp(App)

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

完成！