以下代碼摘自 Vue 檔案：
<ChildComponent v-model="pageTitle" />
<!-- would be shorthand for: -->
<ChildComponent :value="pageTitle" @input="pageTitle = $event" />
組件上有一個輸入事件。我了解輸入事件對輸入的作用。但是輸入事件對組件有什么作用呢？
uj5u.com熱心網友回復：
這就是全部Custom events，只需閱讀檔案
例子：
Vue.component('custom-input', {
props: ['value'],
template: `
<input
v-bind:value="value"
v-on:input="$emit('input', $event.target.value)"
>
})
那么你可以custom-input像這樣使用：
<custom-input :value="pageTitle" @input="pageTitle = $event" />
$event輸入的本地事件在哪里
uj5u.com熱心網友回復：
的@是短期的v-on，其用來聽發射/ DOM事件從一個特定的元素觸發的指令。現在大多數native elements將通過默認發出自己的相應事件來與外界互動。例如，div元素觸發click事件，input元素觸發器input，change，focus和其他有用的事件。
與 不同native elements，自定義組件中絕對沒有由 DEFAULT 觸發的事件。因此，您只能偵聽從組件內部發出的事件。那些是custom events，所以你可以放心，除非每個組件內部分別發出自己的click, input,focus事件，否則下面的這些事件設定都不會起作用：
<ComponentA @click="onClickComponentA" />
<ComponentB @input="onInputComponentB" />
<ComponentC @focus="onFocusComponentC" />
在您的情況下，ChildComponent顯然不是本機元素，因此在此組件內，它必須在某處發出input事件。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/397824.html
標籤：Vue.js
上一篇：在一個v-for內部，如何在Vuejs中使用另一個v-for？
下一篇：從串列創建搜索忽略特殊字符