vue.js - 如何关闭 Vue 3 中的 productionTip 警告?

标签 vue.js vuejs3

在 Vue 2 中可以使用

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

// 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>

最佳答案

根据 documentation它是 已移除 .
因此,如果您想消除 Vue 3 Stack Overflow 答案中的警告(不禁用代码段中的控制台),您必须替换 src="https://unpkg.com/vue@next"global.prod CDN 构建:(即:src="https://unpkg.com/vue@next/dist/vue.global.prod.js"):

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

关于vue.js - 如何关闭 Vue 3 中的 productionTip 警告?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65513579/

相关文章:

javascript - 嵌套激活中的 "..."实际上是如何工作的? (验证)

laravel - 如何在 Laravel 中实例化 vue 3 应用程序而不使用父 App.vue?

vue.js - Vue Router 4 - 嵌套 404(未找到)路由重定向不起作用

asynchronous - 如何使用从数据库中获取的动态数据填充 FormKit 输入字段

javascript - 使用 VueJS 访问 URL

javascript - 将对象内的所有元素分配给空字符串

vue.js - vue-cli-service 详细构建模式

typescript - 使用脚本设置和 Typescript 禁用属性继承/设置组件选项

javascript - 使用 Vue 中的 useVirtualList 来渲染 HeadlessUI 的 Listbox 组件

javascript - 基本 Vue 帮助 : Accessing JS object values in component