vue 中方法的亮暗状态指示了方法与 vue 实例之间的绑定关系。亮的方法已绑定至 vue 实例，可访问和响应实例数据和变化；暗的方法未绑定，无法访问实例数据和变化。绑定方法可通过选项 api 或模板编译器，解除绑定方式与其相同。

Vue 中方法亮暗的原因

在 Vue 中，方法的亮暗表示该方法的绑定状态。

亮的方法

亮的方法表示该方法绑定到 Vue 实例。这表明该方法可以访问 Vue 实例的数据和方法，并且可以响应 Vue 实例的变化。

暗的方法

暗的方法表示该方法未绑定到 Vue 实例。这表明该方法无法访问 Vue 实例的数据和方法，并且不会响应 Vue 实例的变化。

绑定方法

可以通过两种方式绑定方法：

1. 通过选项 API：在 methods 选项中定义方法：

export default {
  methods: {
    myMethod() {
      // ...
    }
  }
}

2. 通过模板编译器：在模板中使用 v-on 指令：

<button>...</button>

解除绑定方法

可以通过以下方式解除绑定方法：

1. 通过选项 API：从 methods 选项中删除方法：

export default {
  // ...
  methods: {
    // myMethod() { } 已被删除
  }
  // ...
}

2. 通过模板编译器：从模板中移除 v-on 指令：

<button>...</button>