各位,在这里的Vue实例中,为什么我用data:{}到底是个什么,可不可以详细的讲一下,还有,创建了一个Vue对象是app,那为什么我用app.data.Data1是错误的呢?那data:{}这个对象的具体用法是什么呢?
6条回答 默认 最新
- 崽崽的谷雨 2022-08-15 09:37关注
1.data:{} 是一个 函数(在cli里 他必须是一个函数,因为如果是对象 那么他就 会涉及 引用类形的错误)
vue中data必须是函数是为了保证组件的独立性和可复用性,data是一个函数,组件实例化的时候这个函数将会被调用,返回一个对象,计算机会给这个对象分配一个内存地址,你实例化几次,就分配几个内存地址,他们的地址都不一样,所以每个组件中的数据不会相互干扰,改变其中一个组件的状态,其它组件不变。
data就是你这个 vue里 双向绑定的数据 ,你在data里声明了,然后 页面里使用。在 生命周期和其它方法里 调用 this.xxx(data里的属性)然后页面会自动 更新。你不在data里声明,它是不会变的。2.创建了一个Vue对象是app,那为什么我用app.data.Data1是错误的呢?
你在 var app的下面 打印试试,别在 app对象里打印本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 1无用
悬赏问题
- ¥15 微信会员卡等级和折扣规则
- ¥15 微信公众平台自制会员卡可以通过收款码收款码收款进行自动积分吗
- ¥15 随身WiFi网络灯亮但是没有网络,如何解决?
- ¥15 gdf格式的脑电数据如何处理matlab
- ¥20 重新写的代码替换了之后运行hbuliderx就这样了
- ¥100 监控抖音用户作品更新可以微信公众号提醒
- ¥15 UE5 如何可以不渲染HDRIBackdrop背景
- ¥70 2048小游戏毕设项目
- ¥20 mysql架构,按照姓名分表
- ¥15 MATLAB实现区间[a,b]上的Gauss-Legendre积分