vue.js中this为什么可以访问属性的属性【简单解释】

最新推荐文章于 2024-04-16 12:30:01 发布
最新推荐文章于 2024-04-16 12:30:01 发布
阅读量990 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： js个人总结（缓慢学习中） 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_20834787/article/details/80586938
本文解释了Vue.js中el、data与computed等关键字的作用。data用于定义Vue实例的数据属性，computed则用于声明计算属性，这些属性依赖于其它数据并缓存其结果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

因为el、data、computed都应该理解为Vue对象的声明对象内容的关键字，而不是它的直接属性。
那么在data声明的就是它（vm本身）的数据属性，在computed中声明的就是它的计算属性，在methods中声明的就是它的方法。
vue中的this属性
weixin_68658847的博客
03-01 407
VUE中的this属性
Vue源码解析，用this可以访问data属性的原因
zhutfly的博客
10-19 1124
new Vue({ el: '#app', data: { message: 'this is message'; } }) 在编写代码中可以通过this.message访问到message的值，这不是魔法，直接上源码。 在state.js的initData中，有如下代码 function initData(vm: Component) { let data = vm.$option...
Vue.js-this详解
weixin_30692143的博客
05-17 471
this this 指向并不是在函数定义的时候确定的，而是在调用的时候确定的。换句话说，函数的调用方式（直接调用、方法调用、new调用、bind、call、apply、箭头函数）决定了 this 指向。 直接调用 函数内部的 this 指向全局对象，在浏览器中全局对象是 window，在 NodeJs 中全局对象是 global。直接调用并不是指在全局作用域下进行调用，在任何作用域下，...
一文看懂javascript(js)的this和Vue中的this
最新发布
2301_76179969的博客
04-16 1491
this是Javascript语言中的一个关键字，它代表函数运行时自动生成的一个内部对象，指当前对象，因此this只能在函数内部使用。随着函数执行环境的改变，this所指代的对象也会发生改变，但this始终指向的是调用函数的对象。简单来说就是谁调用了这个函数，this就指向谁(对象)。方法区别call既可以调用函数又可以传参数，参数只需用逗号隔开apply既可以调用函数又可以传参数，参数需要用一个数组进行包裹bind。
Vue中的this
z1216108894的博客
11-22 1万+
如果是vue实例本身的属性和方法,那么this指向就是vue实例本身,比如methods对象,computed对象,watch对象里的方法。 要用方法名(){}写,就代表this指向是vue实例,如果使用()=>{}箭头函数的方式定义方法,则this指向window,因为箭头函数中的this指向的是外部函数的this指向,普通函数的this指向的是它的调用者,而vue中的methods和computed和watch他们都是vue本身的方法所以只要他们使用普通函数定义this当然指向他们的调用者即th
Vue.js的this作用域
love_pgme的博客
01-08 6418
  下面是一段让页面显示动态时间的代码： <div id="app"> <h3 style="text-align:end;">当前时间：{{DataNow}}</h3> </div> <script> var app = new Vue({ el: '
Vue.js devtools-chrome插件-检测网站是否使用vue.js
08-30
Vue.js Devtools 是一个强大的浏览器开发者工具，专为Vue.js应用程序设计，帮助开发者在Chrome浏览器中进行调试和分析Vue实例。这个插件能够提供组件树、状态观察、性能分析等功能，极大地提升了开发和调试Vue应用的...
vue.js 获取当前自定义属性值
10-19
而在Vue.js中，我们同样可以通过`$el`属性访问到对应的DOM元素，然后通过`dataset`属性来获取我们想要的自定义属性值。 例如，如果我们有一个`<h5>`标签，并且想要获取其`data-id`属性值，可以在Vue组件的模板中...
vue.js this.$router.push获取不到params参数问题
11-20
在Vue.js应用中，路由是页面之间导航的关键组成部分。`this.$router` 是Vue Router提供的一个实例，用于处理页面的导航。在这个问题中，开发者遇到了使用`this.$router.push`传递`params`参数时无法在目标页面获取到...
Vue.js学习之计算属性
10-20
其中，计算属性（Computed Properties）是Vue.js中一个重要的概念，它主要用于处理基于组件数据的复杂逻辑，而不是直接在模板中进行复杂的计算。计算属性提供了一种声明式的方式来定义一个值，该值依赖于其他数据...
深入浅析Vue.js计算属性和侦听器
10-18
在Vue.js中，计算属性和侦听器是两个重要的概念，它们帮助我们处理数据的复杂逻辑和响应性。让我们深入探讨这两个特性。 **一、计算属性** 计算属性是Vue.js中用于处理和组合现有数据的便捷方式。它们提供了一个在...
vue.js中this.$emit的理解
热门推荐
王小森的成长博客
07-17 7万+
对于vue.js中的this.emit的理解：this.emit的理解： this.emit(‘increment1’,”这个位子是可以加参数的”)；其实它的作用就是触发自定义函数。
vue源码分析 - 为什么通过this可以访问到data中的数据
记录点滴
01-30 2160
讲data之前，先来看下在new Vue() 时，发生了什么？ 当通过 import Vue from ‘vue’方式来引入vue，此时在new 之前 ，Vue的原型上已经挂载了许多初始化的属性及方法，通过 initMixin(Vue) stateMixin(Vue) eventsMixin(Vue) lifecycleMixin(Vue) renderMixin(Vue) 当我们new ...
【Vue】this代表什么含义
在这里你大概率会有所收获，欢迎指错||纠正||建议||水评+点赞&&评论&&关注&&转发
05-19 3916
vuejs中this代表的含义：1、vue组件或者实例中，this代表调用它的Vue实例；2、回调函数中，this代表父级组件；3、箭头函数中，this代表定义它时所处的对象，即宿主对象。 Vuejs中的this变量 1 vue组件中 在Vue所有的生命周期钩子方法（如beforeCreate，created，beforeMount，mounted，beforeUpdate， updated，beforeDestroy以及destroyed）里使用this，this指代调用它的Vue实例，即（new V.
Vue中this的指向问题
Rhine
01-07 2万+
最近一直在做毕业设计，学习了Vue用来写了很多的前端代码，不得不说js对我这个“Java前端程序员”有些太不友好，时不时都能遇到一些坑，this就是其中之一。
响应式开发及其原理
weixin_30246221的博客
07-20 166
一、响应式开发 ①在移动互联日益成熟的时候，我们在桌面浏览器上开发的网页已经无法满足移动设备的阅读。 ②通常的做法是针对移动端单独做一套特定的版本，但是如果终端越来越多那么你需要开发的版本就会越来越多（大屏移动设备普及） ③这时候就出现了响应式开发，简而言之，就是一个网站能够兼容多个终端 ④现在的移动设备屏幕越来越大，越来越多的设计师也采用了这种设计，在新建站的一些网站现在普遍采用的响应式...
vue方法内的方法使用this的问题
铛哩格铛的博客
11-02 1万+
locapos(){//定位方法 if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { var pos = { lat: position.coords.latitude,
Vue methods方法调用其定义好的方法及this指向问题
WatermelonMk的博客
10-15 7609
一.错误代码 二.正确代码
weex-使用Vue.set设置属性和使用this.xxx设置属性的区别
CodingFire的博客
03-16 6463
在使用weex过程中，免不了要自定义组件，或者说封装子控件，这时候需要把父组件的一些值传递到子控件中并作出相应的操作，这时候就要使用props来进行传值，但是在赋值的时候，具体通过Vue.set来修改属性还是通过this.xxxx来修改是一个问题，不熟悉的人很容易被困扰到，下面博主将详细讲解下这两种赋值的使用方法和条件： 1.Vue.set 此截图来自于vue官网，从这里可以看到vue.s...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值