Vue 中方法的亮暗狀態指示了方法與 Vue 實例之間的綁定關係。亮的方法已綁定至 Vue 實例,可存取和回應實例資料和變化;暗的方法未綁定,無法存取實例資料和變更。綁定方法可透過選項 API 或範本編譯器,解除綁定方式與其相同。
Vue 中方法亮暗的原因
在Vue 中,方法的亮暗表示方法的綁定狀態。
明亮的方法
明亮的方法表示該方法綁定到 Vue 實例。這表明該方法可以存取 Vue 實例的資料和方法,並且可以回應 Vue 實例的變化。
暗的方法
暗的方法表示方法未綁定到 Vue 實例。這表示該方法無法存取 Vue 實例的資料和方法,並且不會回應 Vue 實例的變更。
綁定方法
可以透過兩種方式綁定方法:
methods
選項中定義方法:<code class="js">export default { methods: { myMethod() { // ... } } }</code>
v-on
指令:<code class="html"><button @click="myMethod">...</button></code>
解除綁定方法
可以透過以下方式解除綁定方法:
methods
選項中刪除方法:<code class="js">export default { // ... methods: { // myMethod() { } 已被删除 } // ... }</code>
v-on
指令:<code class="html"><button>...</button></code>
以上是vue中的方法為什麼有的是亮的有的是暗的的詳細內容。更多資訊請關注PHP中文網其他相關文章!