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

 更新时间:2022年11月22日 14:24:18   作者:蒲公英1001  
这篇文章主要介绍了Vue.config.productionTip = false为什么不起作用,本文给大家分析问题原因解析及解决方案,需要的朋友可以参考下

最近跟着网上的视频学习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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Vue插件实现过程中遇到的问题总结

    Vue插件实现过程中遇到的问题总结

    随着Vue.js越来越火,Vue.js 的相关插件也在不断的被贡献出来,数不胜数,这篇文章主要给大家介绍了关于Vue插件实现过程中遇到的问题,需要的朋友可以参考下
    2021-08-08
  • Vue出现did you register the component correctly?解决方案

    Vue出现did you register the component 

    这篇文章主要介绍了Vue出现did you register the component correctly?解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • vue自适应布局postcss-px2rem详解

    vue自适应布局postcss-px2rem详解

    这篇文章主要介绍了vue自适应布局(postcss-px2rem)的相关知识,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2022-05-05
  • vue中调用HTTP请求的详细步骤

    vue中调用HTTP请求的详细步骤

    这篇文章主要介绍了vue中调用HTTP请求的详细步骤,文中通过代码示例给大家讲解的非常详细,对大家的学习或工作有一定帮助,需要的朋友可以参考下
    2024-07-07
  • Vue CLI 3.x 自动部署项目至服务器的方法

    Vue CLI 3.x 自动部署项目至服务器的方法

    本教程讲解的是 Vue-CLI 3.x 脚手架搭建的vue项目, 利用scp2自动化部署到静态文件服务器 Nginx。非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
    2019-04-04
  • 搭建element-ui的Vue前端工程操作实例

    搭建element-ui的Vue前端工程操作实例

    下面小编就为大家分享一篇搭建element-ui的Vue前端工程操作实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • Vue3中实现Chart.js柱状图的超详细指南

    Vue3中实现Chart.js柱状图的超详细指南

    柱状图是比较常用的图形结构,下面这篇文章主要介绍了Vue3中实现Chart.js柱状图的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-08-08
  • 分享Vue子组件接收父组件传值的3种方式

    分享Vue子组件接收父组件传值的3种方式

    这篇文章主要给大家分享的是Vue子组件接收父组件传值的3种方式,主要通过声明接收、接收数据的同时进行 类型限制、接收数据的同时对 数据类型、必要性、默认值 进行限制相关内容展开更多详细的相关资料,需要的小伙伴可以参考一下
    2022-03-03
  • 使用VitePress搭建及部署vue组件库文档的示例详解

    使用VitePress搭建及部署vue组件库文档的示例详解

    这篇文章主要介绍了使用VitePress搭建及部署vue组件库文档,本文以element-plus作为示例来搭建一个文档,结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • vue结合el-dialog封装自己的confirm二次确认弹窗方式

    vue结合el-dialog封装自己的confirm二次确认弹窗方式

    这篇文章主要介绍了vue结合el-dialog封装自己的confirm二次确认弹窗方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-08-08

最新评论