• methods

    methods

    • 类型{ [key: string]: Function }

    • 详细

    methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法,或者在指令表达式中使用。方法中的 this 自动绑定为 Vue 实例。

    注意,不应该使用箭头函数来定义 method 函数 (例如 plus: () => this.a++)。理由是箭头函数绑定了父级作用域的上下文,所以 this 将不会按照期望指向 Vue 实例,this.a 将是 undefined。

    • 示例
    1. var vm = new Vue({
    2. data: { a: 1 },
    3. methods: {
    4. plus: function () {
    5. this.a++
    6. }
    7. }
    8. })
    9. vm.plus()
    10. vm.a // 2
    • 参考:事件处理器