Vue 'methods' 选项
示例
在 methods 选项中使用方法来切换消息。
export default {
data() {
return {
msg: 'Hello World!',
showMsg: false
};
},
methods: {
toggleMsg() {
this.showMsg = !this.showMsg;
}
}
};
定义和用法
The methods 选项是一个对象，包含在 Vue 实例上声明的所有方法。
方法可以直接调用（不使用 this 关键字），从 Vue 应用程序的 <template> 中调用，例如当方法设置为在事件发生时运行时，使用 v-on 指令。
必须使用 this 关键字从 Vue 实例内部调用方法，例如当一个方法被另一个方法调用时。
注意：在声明方法时应避免使用箭头函数，因为 Vue 实例无法从箭头函数内部使用 this 关键字访问。
相关页面
Vue 教程: Vue 方法
Vue 教程: Vue v-on 指令
