[vue.js] prop驗證沒有錯誤資訊的可能原因:沒有使用開發者版本
阿新 • • 發佈:2019-02-04
樓主我最近在學習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,這當然是生產版本啊。
開發環境不要用最小壓縮版,不然就失去了錯誤提示和警告
後來換了開發版本後才看到了報錯資訊,哎,這個坑踩的。