Vue中的this

梦里梦外; 2022-02-19 18:43 326阅读 0赞

在vue内部的this变量到底是谁呢，我们在created的时候，打印this

var vm = new Vue({ 
        el:"#app",
        data:{ 
            hello: '' // hello初始化为空
        },
        created(){ 
            this.hello = "czdx,一统江湖，千秋万代";
            console.log(this);
        }
    })

控制台的输出：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5fMjg5MA_size_16_color_FFFFFF_t_70]  
`要是还有不太明白的地方请留言，评论必回`  
`要是对我的文章感兴趣的话，关注一下吧，谢谢！`

#### 上一篇：[vue 获取时间戳对象转换为日期格式][vue] ####

#### 下一篇：[Vue生命周期][Vue] ####

原来微信打赏还可以备注哦

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5fMjg5MA_size_16_color_FFFFFF_t_70_pic_center]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5fMjg5MA_size_16_color_FFFFFF_t_70]: /images/20220219/57b44c9aa43f40a1a91406663511dbe0.png
[vue]: https://blog.csdn.net/chen_2890/article/details/89238845
[Vue]: https://blog.csdn.net/chen_2890/article/details/89343729
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW5fMjg5MA_size_16_color_FFFFFF_t_70_pic_center]: /images/20220219/3e44053baac24318ab3f1605ba4282a0.png

发表评论取消回复

表情：

评论列表（有 0 条评论，326人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue 中 this.$route 和 this.$router 的区别

Vue 中 this.$route 和 this.$router 的区别

悠悠/ 2024年04月23日 20:08/ 0 赞/ 92 阅读

相关 vue中this失效问题

目录 1.示例代码 2.说明 3.解决方案 -------------------- 1.示例代码 / 删除按钮操作 / handleD

客官°小女子只卖身不卖艺/ 2023年09月27日 13:58/ 0 赞/ 123 阅读

相关 4.vue中的this

如果在vue中data中的数据无法根据this直接引用，赋值给一个变量就行 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_

心已赠人/ 2023年07月07日 03:49/ 0 赞/ 9 阅读

相关 Vue.js中this.$nextTick()的使用

[https://www.cnblogs.com/jin-zhe/p/9985436.html][https_www.cnblogs.com_jin-zhe_p_9985436

分手后的思念是犯贱/ 2022年12月22日 09:18/ 0 赞/ 143 阅读

相关 Vue.js中this.$nextTick()的使用

this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同

分手后的思念是犯贱/ 2022年11月26日 07:42/ 0 赞/ 205 阅读

相关 Vue中this的指向问题

Vue中this指向最近一直在做毕业设计，学习了Vue用来写了很多的前端代码，不得不说js对我这个“Java前端程序员”有些太不友好，时不时都能遇到一些坑，this就是

红太狼/ 2022年03月29日 01:51/ 0 赞/ 294 阅读

相关 Vue中的this

在vue内部的this变量到底是谁呢，我们在created的时候，打印this var vm = new Vue({ el:"app",

梦里梦外;/ 2022年02月19日 18:43/ 0 赞/ 327 阅读

相关 Vue中的this.$options.data()的this指向问题

项目里遇到一个问题，用this.$options.data()重置组件data时报错，原因是因为form里的rule规则采用了this写法。如下: rules:

秒速五厘米/ 2021年09月25日 00:16/ 0 赞/ 724 阅读

相关 Vue中 this.$set的用法

Vue中this.$set的用法 Vue.set( target, propertyName/index, value ) 参数 \{Object | Array\} t

╰+攻爆jí腚メ/ 2021年09月07日 06:03/ 0 赞/ 678 阅读

相关 Vue中的this.$set

当你发现你给对象加了一个属性，在控制台能打印出来，但是却没有更新到视图上时，也许这个时候就需要用到this.$set（）这个方法了官方解释：向响应式对象中添加一个属性，并确

ゝ一纸荒年。/ 2021年07月26日 01:47/ 0 赞/ 417 阅读