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