1. 程式人生 > >[vue.js] prop驗證沒有錯誤資訊的可能原因:沒有使用開發者版本

[vue.js] prop驗證沒有錯誤資訊的可能原因:沒有使用開發者版本

樓主我最近在學習vue.js。在學習元件一節的prop驗證時,一直遇到一個問題:無論怎麼嘗試,我都得不到錯誤資訊。

之後在公司的電腦上嘗試,卻立刻可以看到錯誤資訊,回學校後覆盤,卻也無論如何都覆盤不出來。

先給出一個最簡單的例子
 <div id="example">
     <child my-message='hello'></child2>
 </div>

Vue.component('child',{
    props:{
        myMessage:{
            type:Number,
        }
    }
    ,
    template: `
    <div
>
<p>
{{ myMessage }}</p> </div> ` }); new Vue({ el:'#example', });

分析這段程式碼可知,child組價對props驗證,傳入的myMessage必須是Number型別,而非初始化的String型別,所以應該報錯。

然則頁面上正常顯示‘hello’,且無任何報錯資訊。

如果你在官方文件中學習了例子後往下拉,會發現這麼一句話:

當 prop 驗證失敗,Vue會在丟擲警告 (如果使用的是開發版本)。

那麼我使用的是什麼版本:vue.min.js,這當然是生產版本啊。

開發環境不要用最小壓縮版,不然就失去了錯誤提示和警告

後來換了開發版本後才看到了報錯資訊,哎,這個坑踩的。
這裡寫圖片描述