vue限制data的数据类型

发布网友发布时间：2022-04-21 11:36

共1个回答

热心网友时间：2022-05-12 22:50

定义data数据类型的三种函数：
（一）定义为属性
（二）定义为函数
（三）定义为函数，满足ES6（ECMAScript 6.0 ）规范
在简单的vue实例应用中，三种写法几乎是没有什么区别的，因为你定义的#yanggb对象不会被复用。
但是如果是在组件应用的环境中，就可能会存在多个地方调用同一个组件的情况，为了不让多个地方的组件共享同一个data对象，只能返回函数。这个与JavaScript的作用域特性有关，函数自己拥有私有的作用域，函数之间的作用域相互独立，也就不会出现组件对数据的绑定出现交错的情况
如果vue的data数据用的是全局变量，变量是普通数据类型，那么当全局变量的值发生改变的的时候，那么data中用的这个值是不会发生改变的，也无法触发视图更新，因为是普通数据类型
解决：全局的普通数据类型改为引用数据类型
Vue (读音 /vju_/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用（SPA）提供驱动。