Vue 中方法的亮暗状态指示了方法与 Vue 实例之间的绑定关系。亮的方法已绑定至 Vue 实例，可访问和响应实例数据和变化；暗的方法未绑定，无法访问实例数据和变化。绑定方法可通过选项 API 或模板编译器，解除绑定方式与其相同。
Vue 中方法亮暗的原因
在 Vue 中，方法的亮暗表示该方法的绑定状态。
亮的方法
亮的方法表示该方法绑定到 Vue 实例。这表明该方法可以访问 Vue 实例的数据和方法，并且可以响应 Vue 实例的变化。
立即学习“前端免费学习笔记（深入）”；
暗的方法
暗的方法表示该方法未绑定到 Vue 实例。这表明该方法无法访问 Vue 实例的数据和方法，并且不会响应 Vue 实例的变化。
绑定方法
可以通过两种方式绑定方法：
-
通过选项 API：在
methods选项中定义方法：
export default {
methods: {
myMethod() {
// ...
}
}
}-
通过模板编译器：在模板中使用
v-on指令：
解除绑定方法
可以通过以下方式解除绑定方法：
-
通过选项 API：从
methods选项中删除方法：
export default {
// ...
methods: {
// myMethod() { } 已被删除
}
// ...
}-
通过模板编译器：从模板中移除
v-on指令：
