vue 构造函数的 add 方法

import Vue from "vue";

new Vue({
    el : "#mybox",
    data : {
        a : 100
    },
    methods : {
        add : function(){
            this.a ++;
        }
    }
});

特别注意,add方法必须用function来定义,不能用()=>{箭头函数} 。 因为箭头函数里面的this指向类而不是实例。

(0)

相关推荐

  • setTimeout在vue中的正确使用

    笔者最近因为公司需求开发使用vue和jquery开发抓娃娃H5极简小游戏,使用到setTimeout函数.遇到了1个坑: 在vue的某个方法(点击后执行) setTimeout(this.end(), ...

  • 浅谈vue原理(三)

    上一篇已经实现了发布订阅模式了,现在我们实现从model->view的数据绑定,也就是当data中的数据改变后,页面上的数据也要跟着变化: 1.发布订阅代码的实际应用 我们思考一下,怎么把我们上 ...

  • 前端进阶-手写Vue2.0源码(三)|技术点评

    前言 今天是个特别的日子 祝各位女神女神节快乐哈 封面我就放一张杀殿的帅照表达我的祝福 哈哈 此篇主要手写 Vue2.0 源码-初始渲染原理 上一篇咱们主要介绍了 Vue 模板编译原理 它是 Vue ...

  • JavaSE23-函数式接口&Stream流

    JavaSE23-函数式接口&Stream流

  • Python深入---特殊方法与多范式

    恋习Python 1周前 作者:Vamei 出处:http://www.cnblogs.com/vamei Python一切皆对象,但同时,Python还是一个多范式语言(multi-paradigm ...

  • Dart基础语言 — 函数 Function

    Dart基础语言 - 函数 Function 函数定义 int add(int x) { return x + 1;}调用add(1); 可选参数 int add(int x, [int y, int ...

  • JS中构造函数的方法定义在原型对象里

    构造函数中的方法每当new一个对象的时候,就会创建一个构造函数里的方法,如果多个实例对象就会创建多个方法,占用内存,没有提高代码的复用性: 将方法定义到构造函数的原型对象里,创建多个实例对象而共享一个 ...

  • Vue的options及生命周期

    6.Vue的options选项 options中可以包含哪些? 具体的详细解析可以查看这个地址: https://cn.vuejs.org/v2/api/#optionMergeStrategies ...

  • Julia机器核心编程.多重分配

    在开始深入探讨多重分派这个主题之前,我们先问自己一个简单的问题:分派到底是什么意思?用最简单的术语来解释,分派的意思就是发送! 在编程术语中,分派意味着向监听器发送一条消息或者调用一个函数.基本上就是 ...

  • 利用构造函数创建对象

    我们为什么要使用构造函数? 1:普通的字面量方式和new Object创建的对象方式一次只能创建一个对象,而里面的 属性和方法大多是重复使用的.当我们想创建多个相同属性和方法的对象并重复使用,就需要使 ...