Vue methods 选项
示例
使用里面的方法methods切换消息的选项。
export default {
data() {
return {
msg: 'Hello World!',
showMsg: false
};
},
methods: {
toggleMsg() {
this.showMsg = !this.showMsg;
}
}
};
定义和用法
这个methodsoption 是一个对象，具有在 Vue 实例上声明的所有方法。
可以直接调用方法（无需this关键字）来自<template>Vue 应用程序的示例，例如当某个方法设置为在事件发生时运行时，使用v-on指示。
这个this必须使用关键字从 Vue 实例内调用方法，例如当一个方法被另一个方法调用时。
笔记：声明方法时应避免使用箭头函数，因为无法使用以下函数从此类函数内部访问 Vue 实例this关键字。
相关页面
Vue教程：Vue 方法
Vue教程：Vue v-on 指令
截取页面反馈部分，让我们更快修复内容！也可以直接跳过填写反馈内容!