您的位置：首页 > 编程技术 > js  >  Vue.config.productionTip = false 不起作用的问题及解决

Vue.config.productionTip = false 不起作用的问题及解决

 更新时间：2022年11月24日 16:19  点击：708 作者：蒲公英1001

最近跟着网上的视频学习Vue，照着写了一段最简单的代码，原本以为不会有问题，可偏偏就出问题了。
引入开发版的vue.js

<script src="js/vue.js"></script>

会出现如下的提示

在这里插入图片描述

为了控制台不出现上面的提示信息，所以设置了
Vue.config.productionTip = false

Vue.config.productionTip = false

十多天前我开始学的时候，这么做是有效的，提示信息不出现，可奇怪的是，我今天再去运行这段程序的时候，明明设置了false，提示信息还是出现，这是为什么呢？百度了，没找到解决方案。
哪位大神能告知？多谢！

源代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Hello Vue.js</title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		<div id="app"> 
			<h2>{{msg}}</h2>
		</div>
		<script>
			Vue.config.productionTip = false
			var vm = new Vue({
				el: '#app',
				data: {
					msg: 'Hello Vue.js'
				}
			})
		</script>
	</body>
</html>

Vue.config.productionTip = false为什么不起作用？解决方案

相信大家在初次学习Vue2和Vue3的时候，控制台(Console)会显示这段提示：

 这是vue在启动时生成的生产提示。

我们希望有一个简洁的开发控制台，我们不想要这段提示代码怎么办呢？

方法一：写一行代码的脚本(前提是你的项目已经引入了vue.js文件)：

相信这种方法是大家最常用的，但是这种方法不一定起作用，请各位看官转移至方法二。 

 方法二：理想是美好的，但是显示是残酷的，实际情况方法一，它不一定管用。

那么，我们可以直接打开vue.js文件，进入vue.js源代码进行修改，一劳永逸。

直接修改，如果从你下载到使用这段时间对vue.js文件没有进行任何的修改，那么请找到第361行，或者在这附近，找到productionTip: true,  这行代码  ，这行代码的意思是（是否开启生产提示:是）我们只需要将后面true改成false即可，记得保存。

如图：

重要的事说三遍：记得保存，记得保存，记得保存。

到此这篇关于Vue.config.productionTip = false为什么不起作用？的文章就介绍到这了,更多相关Vue.config.productionTip = false内容请搜索猪先飞以前的文章或继续浏览下面的相关文章希望大家以后多多支持猪先飞！

原文出处：https://blog.csdn.net/wangyining070205/article/details/12631

[!--infotagslink--]

相关文章