vue 中方法的亮暗状态指示了方法与 vue 实例之间的绑定关系。亮的方法已绑定至 vue 实例，可访问和响应实例数据和变化；暗的方法未绑定，无法访问实例数据和变化。绑定方法可通过选项 api 或模板编译器，解除绑定方式与其相同。
Vue 中方法亮暗的原因
在 Vue 中，方法的亮暗表示该方法的绑定状态。
亮的方法
亮的方法表示该方法绑定到 Vue 实例。这表明该方法可以访问 Vue 实例的数据和方法，并且可以响应 Vue 实例的变化。
暗的方法
暗的方法表示该方法未绑定到 Vue 实例。这表明该方法无法访问 Vue 实例的数据和方法，并且不会响应 Vue 实例的变化。
绑定方法
可以通过两种方式绑定方法：
- 通过选项 API：在 methods 选项中定义方法：
export default {
methods: {
myMethod() {
// ...
}
}
}
- 通过模板编译器：在模板中使用 v-on 指令：
<button>...</button>
解除绑定方法
可以通过以下方式解除绑定方法：
- 通过选项 API：从 methods 选项中删除方法：
export default {
// ...
methods: {
// myMethod() { } 已被删除
}
// ...
}
- 通过模板编译器：从模板中移除 v-on 指令：
<button>...</button>
以上就是vue中的方法为什么有的是亮的有的是暗的的详细内容，更多请关注北冥有鱼其它相关技术文章！
