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.js

    第一次接触神奇的前端框架vue.js

    第一次接触神奇的vue.js,主要了解一下v-model、v-if、v-else、v-show、v-for等,感兴趣的小伙伴们可以一起学习一下
    2016-12-12
  • vue3如何在setup中获取DOM元素

    vue3如何在setup中获取DOM元素

    这篇文章主要介绍了vue3如何在setup中获取DOM元素问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • 详解Vue3 Teleport 的实践及原理

    详解Vue3 Teleport 的实践及原理

    这篇文章主要介绍了Vue3 Teleport 组件的实践及原理,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • 如何用vue3+Element plus实现一个完整登录功能

    如何用vue3+Element plus实现一个完整登录功能

    要实现用户的登录功能,可以使用Vue3和Element Plus,下面这篇文章主要给大家介绍了关于如何基于Vue3和Element Plus组件库实现一个完整的登录功能,文中提供了详细的代码示例,需要的朋友可以参考下
    2023-10-10
  • vue+Echart实现立体柱状图

    vue+Echart实现立体柱状图

    这篇文章主要为大家详细介绍了vue+Echart实现立体柱状图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • vue简单封装axios插件和接口的统一管理操作示例

    vue简单封装axios插件和接口的统一管理操作示例

    这篇文章主要介绍了vue简单封装axios插件和接口的统一管理操作,结合具体实例形式分析了vue中axios插件安装、配置及接口统一管理具体操作技巧,需要的朋友可以参考下
    2020-02-02
  • 解决Vue + Echarts 使用markLine标线(precision精度问题)

    解决Vue + Echarts 使用markLine标线(precision精度问题)

    这篇文章主要介绍了解决Vue + Echarts 使用markLine标线(precision精度问题),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • vue 封装一个高质量的表单通用组件

    vue 封装一个高质量的表单通用组件

    这篇文章主要为大家介绍了vue如何封装一个高质量的表单通用组件方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • 解决vue prop传值default属性如何使用,为何不生效的问题

    解决vue prop传值default属性如何使用,为何不生效的问题

    这篇文章主要介绍了解决vue prop传值default属性如何使用,为何不生效的问题。具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-09-09
  • 以v-model与promise两种方式实现vue弹窗组件

    以v-model与promise两种方式实现vue弹窗组件

    这篇文章主要介绍了vue弹窗组件之两种方式v-model与promise,每种方式给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-05-05

最新评论