关于VUE中对object.object和object[object]的认识

发现

在做项目的过程中偶然发现了使用object[object]和object.object得到的结果结果是一样的,这让我感觉到很讶异,毕竟以前使用object[object]都是在数组中使用的,并没有这样使用过.

案例

const lineChartData = {newVisitis: {expectedData: ['2020-12-1', '2020-12-2', '2020-12-3', '2020-12-4', '2020-12-5', '2020-12-6', '2020-12-7'], //每日注册人数日期actualData: [120, 82, 91, 154, 162, 140, 145] //每日注册人数},messages: {expectedData: [200, 192, 120, 144, 160, 130, 140],actualData: [180, 160, 151, 106, 145, 150, 130]},purchases: {expectedData: [80, 100, 121, 104, 105, 90, 100],actualData: [120, 90, 100, 138, 142, 130, 130]},shoppings: {expectedData: [130, 140, 141, 142, 145, 150, 160],actualData: [120, 82, 91, 154, 162, 140, 130]}
}

如上,若我们使用newVisitis内的对象,那么我们肯定是通过this.lineChartData.newVisitis这样获取的.
但是此时我们通过**this.lineChartData[newVisitis]**也可以获取到
代码如下:

 methods: {handleSetLineChartData(type) {console.log(type)console.log( lineChartData[type]," lineChartData[purchases]")console.log( lineChartData.purchases," lineChartData.purchases")this.lineChartData = lineChartData[type]}}

结果如下:

关于VUE中对object.object和object[object]的认识相关推荐

Vue中computed分析
Vue中computed分析在Vue中computed是计算属性,其会根据所依赖的数据动态显示新的计算结果,虽然使用{{}}模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的,在模板中放入太 ...
vue中data定义数字类型_[乐意黎原创] Vue中data定义的三种方式和区别
在 Vue中,定义data时,经常有好几种写法,一不小心会混淆,这里彻底详述一下,以便记分清 . 一.在vue中,定义data可以有三种写法. 1. 第一种写法,data是一个对象. var app ...
vue中实现双向数据绑定原理,使用了Object.defineproperty()方法,方法简单
在vue中双向数据绑定原理,我们一般都是用v-model来实现的 ,但一般在面试话会问到其实现的原理, 方法比较简单,就是利用了es5中的一个方法.Object.defineproperty(),它有 ...
Vue中Object和Array数据变化侦测原理
在学完Vue.js框架,完成了一个SPA项目后,一直想抽时间找本讲解Vue.js内部实现原理的书来看看,经过多方打听之后,我最后选择了<深入浅出Vue.js>这本书.然而惭愧的是,这本书已 ...
解决Vue中Object.assign清空数据的报错
想清空Vue中的data数据报错也许是没有改变this指向的原因可以试着用call等方便改变this指向例如 Object.assign(this.$data, this.$options.data. ...
Vue中Object.assign()的使用详解
1.Object.assign()对象的拷贝 2.Object.assign()对象的深拷贝 3.对象的合并 4.合并具有相同属性的对象 5.继承属性和不可枚举属性是不能拷贝的 6. 原始类型会被包装 ...
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in created hook: “TypeError: Object(...) is not a func
前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家. 从后端拿取数据渲染到表格数据.结果明明写的没错,但是却 ...
python中的object是什么意思_在Python中使用’@ patch.object’和’with patch.object’有什么区别？...
在为我的应用程序编写单元测试时,我一直在使用@ mock.patch和@ patch.object装饰器.但是现在,对于我使用装饰器的一些单元测试,我收到一个错误'TypeError:staticme ...
python面向对象中方法重写class Person (object):#说明Person继承object类 def __init__(self,name,age): sel
(承接上次的知识学习) 首先给出方法重写的定义: 1.如果子类对继承自父类的某个属性或方法不满意,可以在子类中对其(方法体)进行重新编写: 2.子类重写后的方法可以通过super().xxx()调用父 ...
Jsp中request.getParameter(@param)值为[object HTMLInputElement]
Jsp中request.getParameter("@param")值为[object HTMLInputElement] jsp窗体之间传递参数是常有的.一般窗体传参就是从一个窗 ...

关于VUE中对object.object和object[object]的认识

发现

案例

结果如下:

关于VUE中对object.object和object[object]的认识相关推荐

最新文章

热门文章