更改Vue組件中的v模型屬性名稱

我們正在我們公司內部創建一個內部Web開發框架。我們正在Vue之上創建一個組件庫。後來還會支持其他一些Web開發框架，比如React。等我們通過我們自己的Vue組件封裝簡單的表單控件做到這一點，在模板中使用它們像這樣：更改Vue組件中的v模型屬性名稱

<our-input v-model="customerModel" />

我們想要做的是，重命名「V型」什麼道具名稱別的東西，進一步抽象掉任何對Vue的引用，以便我們可以輕鬆地切換到另一個框架。

任何想法，如何做到這一點，搜索和替換？

我想不能做v-model是由vue提供的指令構建的。

但由於v-model無非是結合輸入value和輸入添加事件偵聽器來偵聽任何更新，更新輸入的value多。

這樣：

<our-input v-model="customerModel" />

是一樣的：

<our-input :value="customerModel" @input="value => { customerModel = value }">/>

也許這可以幫助你。詳情請參閱custom component input handling

2017-10-12 08:19:30

感謝您的幫助。如果我使用v-model並從我的自定義組件發出「輸入」事件，而不是雙向綁定對父組件發揮作用。如果我在你提供的鏈接中應用代碼，我需要明確處理父節點上發出的事件，這種事件會自動打斷雙向綁定。 –

@ÉodiePetit，但那就是'v-model'指令在幕後也在做什麼......它只是語法糖 –

回答