                        课程
                    
                        /前端开发
                        
                            /Vue.js
                        
                        /vue.js入门基础

2.2节视频最后的问题

addNew: function () { this.items.push({ label: this.newItem, isChecked: false }) this.newItem = '' } 视频最后的内容,谁能给我讲讲 this.items.push这里的this为什么指代的不是input标签哦,label: this.newItem,这句为什么又指代input标签了

14:08

太想飞4254035

2017-01-20

源自：vue.js入门基础 2-2

关注问题我要回答

580

操作

收起

2 回答

fishenal 回答被采纳 +3 积分
2017-01-24

组件里的this指的都是这个组件模型！不存在指向其中某一个dom，比如你说的input。

this.items - items是当前组件的选项，是一个保存项目的数组，当然要push进东西。

this.newItem - newItem 当前组件的选项，含义是新增的项目，为什么它可以直接从input里取值？因为通过v-model将数据绑定了，v-model=“newItem”的作用就是 “把js里newItem这个数据绑定到页面input的输入里面”

关于this，你可以在任何阶段console出来看看，在组件内部它一定是一个vue的实例化对象，里面包含你设置的数据，就是data，methods方法，template等等。你可以自己看一下。

0 回复有任何疑惑可以回复我~

#1

太想飞4254035 提问者

非常感谢！

2017-04-05 回复有任何疑惑可以回复我~

慕粉2106096440
2017-01-21

老师意思好像说vue内部都处理好了 this指代自动对应相应的容器

0 回复有任何疑惑可以回复我~

#1

this跟容器无关，this就是这个组件对象，包含容器就是template，容器是包含在当前组件里面的。

2017-01-24 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

vue.js入门基础

参与学习 209716 人
解答问题 677 个

本门为vuejs入门教程，详细的讲解加实战，可以帮你进入vuejs的大门

2.2节视频最后的问题

我要回答关注问题

意见反馈帮助中心 APP下载