通过this直接访问到methods里面的函数的原因是:因为methods里的方法通过 bind 指定了this为 new Vue的实例(vm)。通过 this 直接访问到 data 里面的数据的原因是:data里的属性最终会存储到new Vue的实例(vm)上的 _data对象中,访问 this.xxx,是访问Object.defineProperty代理后的 this._data.xxx。 在平时使用vue来...
vue2源码中data初始化时候this指向问题以及引发的思考 new 的时候调用了一个this._init方法,这个方法在执行的时候调用了原型上面的方法 this._init()这就表示了在_init()函数中的this其实就是this._init()这个字段前面的this,然而这个this就是new字段创建实例对象中的第三步将空对象作为构造函数的上下文.也就是说...
那时候理解的this就是你要使用data中的属性或调用methods中的方法等其他东西都要用this去调用,那时候其实我还是不知道this是啥,后面慢慢的才知道,当然我知道应该就是八股文背出来的,通过今天读这个源码,让我理解的更加深刻了,原来还可以这么用。
在我没接触vue之前我不着调this是啥压根就没有接触过,在我学过了vue之后我知道了this,那时候理解的this就是你要使用data中的属性或调用methods中的方法等其他东西都要用this去调用,那时候其实我还是不知道this是啥,后面慢慢的才知道,当然我知道应该就是八股文背出来的,通过今天读这个源码,让我理解的更加深刻了,...
vue2 this的用法 在Vue2中,this关键字的使用主要涉及到Vue实例和组件。 在Vue实例中,this通常指向当前Vue实例。你可以使用this来访问和修改实例的属性和方法。例如,你可以使用this.$data来访问当前Vue实例的数据对象,或者使用this.$emit来触发一个自定义事件。 在Vue组件中,this的使用略有不同。在组件的方法中,...
this可以直接获取到data和methods是因为Vue在实例化的过程中，会将data和methods挂载到实例的原型上。这样...
4.学习源码中优秀代码和思想,投入到自己的项目中 本文不难,用过Vue的都看得懂,希望大家动手调试和学会看源码。 看源码可以大胆猜测,最后小心求证。 2. 示例:this 能够直接获取到 data 和 methods 众所周知,这样是可以输出我是若川的。好奇的人就会思考为啥this就能直接访问到呢。
vue2(2.16.14) 中 data 数据定义为 data(this.xxx)的数据时, 方法里会取不到data? 这是一个有趣的问题,我暂时还没有去探究原因,不过可以给大家避坑。 我有个test.vue组件 <template> </template> export default { name: 'test', data () { return ...
2. 示例:this 能够直接获取到 data 和 methods 众所周知,这样是可以输出我是若川的。好奇的人就会思考为啥 this 就能直接访问到呢。 const vm = new Vue({ data: { name: '我是若川', }, methods: { sayName(){ ...
简介:Vue2中this.$set()详解 一、原理 用vue2开发产品的大家可能都知道,因为vue的definePrototype(访问器属性)原因,初始时就在data里面的数据会受到监听,但是当我们给响应式的对象新增属性的时候,新增的属性并不会显示到页面中;同样对于响应式的数组,增加元素、修改数组长度时,数组的变化也不会展示在页面上。