Vue.config.productionTip?=?false?不起作用的問題及解決
最近跟著網上的視頻學習Vue,照著寫了一段最簡單的代碼,原本以為不會有問題,可偏偏就出問題了。
引入開發(fā)版的vue.js
<script src="js/vue.js"></script>
會出現(xiàn)如下的提示
為了控制臺不出現(xiàn)上面的提示信息,所以設置了
Vue.config.productionTip = false
Vue.config.productionTip = false
十多天前我開始學的時候,這么做是有效的,提示信息不出現(xiàn),可奇怪的是,我今天再去運行這段程序的時候,明明設置了false,提示信息還是出現(xiàn),這是為什么呢?百度了,沒找到解決方案。
哪位大神能告知?多謝!
源代碼如下:
<!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在啟動時生成的生產提示。
我們希望有一個簡潔的開發(fā)控制臺,我們不想要這段提示代碼怎么辦呢?
方法一:寫一行代碼的腳本(前提是你的項目已經引入了vue.js文件):
相信這種方法是大家最常用的,但是這種方法不一定起作用,請各位看官轉移至方法二。
方法二:理想是美好的,但是顯示是殘酷的,實際情況方法一,它不一定管用。
那么,我們可以直接打開vue.js文件,進入vue.js源代碼進行修改,一勞永逸。
直接修改,如果從你下載到使用這段時間對vue.js文件沒有進行任何的修改,那么請找到第361行,或者在這附近,找到productionTip: true, 這行代碼 ,這行代碼的意思是(是否開啟生產提示:是)我們只需要將后面true改成false即可,記得保存。
如圖:
重要的事說三遍:記得保存,記得保存,記得保存。
到此這篇關于Vue.config.productionTip = false為什么不起作用?的文章就介紹到這了,更多相關Vue.config.productionTip = false內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
vue父組件傳值子組件報錯Avoid?mutating?a?prop?directly解決
這篇文章主要為大家介紹了vue父組件傳值子組件報錯Avoid?mutating?a?prop?directly解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09vue select二級聯(lián)動第二級默認選中第一個option值的實例
下面小編就為大家分享一篇vue select二級聯(lián)動第二級默認選中第一個option值的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01解決element-ui中下拉菜單子選項click事件不觸發(fā)的問題
今天小編就為大家分享一篇解決element-ui中下拉菜單子選項click事件不觸發(fā)的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08如何為vuex實現(xiàn)帶參數(shù)的 getter和state.commit
這篇文章主要介紹了如何為vuex實現(xiàn)帶參數(shù)的getter和state.commit,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-01-01