Vue - 去除控制台“你正在开发模式下运行Vue”的警告

╰+攻爆jí腚メ 2022-12-26 04:45 105阅读 0赞

### 目录 ###

*  1. 警告内容
 *  2. 解决方案

--------------------

# 1. 警告内容 #

调试 **Vue** 代码时，Console 控制台老是有警告，警告内容

*  文字信息如下：
    
    You are running Vue in development mode.  
    您正在开发模式下运行Vue。
    
    Make sure to turn on production mode when deploying for production.  
    在为生产部署时，请确保启用生产模式。
    
    See more tips at [https://vuejs.org/guide/deployment.html][https_vuejs.org_guide_deployment.html]  
    更多提示请访问：[https://vuejs.org/guide/deployment.html][https_vuejs.org_guide_deployment.html]  
      
    
 *  图示如下：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70]

# 2. 解决方案 #

在项目代码中添加 `Vue.config.productionTip = false`，示例如下：

<div id="app">
    	<h1>{
       { title }}</h1>
    	<button @click="destoryVm()">销毁实例</button>
    </div>
    
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
    <script>Vue.config.productionTip = false </script>

刷新后，再次运行代码就不会出现该警告了！  
![在这里插入图片描述][20201203115702622.png]

[https_vuejs.org_guide_deployment.html]: https://vuejs.org/guide/deployment.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pnbGliaw_size_16_color_FFFFFF_t_70]: /images/20221120/69a1893beb02497fab43e31196abd94c.png
[20201203115702622.png]: /images/20221120/fa008cb45e6a439ab0e132aac4b4f937.png