...
一 普通函数中的this 这是vue文档里的原话: Alllifecyclehooksarecalledwiththeir this contextpointingtotheVueinstanceinvokingit. 意思是:在Vue所有的生命周期钩子方法 如created,mounted,updated以及destroyed 里使用this,this指向调用它的Vue实例,即 new Vue ...
2020-03-25 20:10 0 3222 推荐指数:
...
第一个输出英文"Hello!”,第二个输出中文“你好!”。这说明了showMessage1()里的this指的是window,而showMessage2()里的this指的是vue实例。 ※ 对于普通函数(包括匿名函数),this指的是直接的调用者 ...
第一个输出英文"Hello!”,第二个输出中文“你好!”。这说明了showMessage1()里的this指的是window,而showMessage2()里的this指的是vue实例。 ※ 对于普通函数(包括匿名函数),this指的是直接的调用者,在非严格模式下,如果没有直接调用者 ...
假设vue实例中data有msg属性,我们就可以同this.msg来获取该值。 普通函数的this指向vue实例,可以获取到对应的值 箭头函数的this指向全局window,不能获取到该值 ...
首先要注意的是,JS中的this的指向只有在函数被调用后才能被确定,在函数的定义阶段是确定不了的 在JS中this的指向一般有四种规则 一个函数作为对象的方法被调用时,这个函数中的this指向调用它的对象 以构造函数的形式进行调用时,this指向new出来的实例对象 以函数的形式 ...
的this是由它定义的宿主对象?决定。showMessage2()里定义的箭头函数宿主对象为vue实例,所以它里面使用的 ...
在data里定义Object类型的变量时,会发现Object中访问不到vue的this属性。 例如: 想在b中访问this.a的数据,直接访问会返回undefined,因为这时c中的this指向的是b。 这种情况可以用到Object的get属性进行属性定义 ...
示例代码为element ui 源码的select组件源码 控制台输出: 结论: this指向组件的实例。 $el指向当前组件的DOM元素。 ...