大家可能在使用vue的時候已經很熟悉v-model指令了，但是有定制過prop和event嗎？下面咱們來簡單的說一說。

vue允許一個自定義組件在使用 v-model 時定制 prop 和 event。默認情況下，一個組件上的 v-model 會把 value 用作 prop 且把 input 用作 event，但是一些輸入類型比如單選框和復選框按鈕可能想使用 value prop 來達到不同的目的。使用 model 選項可以回避這些情況產生的沖突。

下面通過src引入vue.js文件的方式來簡單實現一下：

通過手動選中/取消選中checkbox會觸發watch監聽，從而不斷打印isChecked的當前值。也可以在F12控制臺通過給app.isChecked = true/false，來查看checkbox選中和取消選中的效果。至此一個定制prop和event的示例已經完成~~~

最后給大家準備了一些前端資料分享給大家，如圖~

懇請大家幫忙轉發，然后關注走一走，私信我給大家發送資料鏈接~非常感謝~

本文為企業推廣，本網站不做任何建議，僅提供參考，作為信息展示！

推薦閱讀：吉林企業新聞網