vue--为什么data属性必须是一个函数

欢迎访问我的个人博客：http://www.xiaolongwu.cn

前言

老规矩，我们还是先说为什么。

问题描述：为什么在vue组件中，我们的data属性必须是一个函数,new Vue()中的data除外，因为new Vue中只有一个data属性。

原因：因为我们能抽离出来的组件，肯定是具有复用性的，它在项目中会存在多个实例。如果data属性值是一个对象时，那么它所有的实例都会共享这些数据，这是很麻烦的事情，你不能确保你的所有实例中的属性值都不会重复。

我们的期望是，组件的每个实例都能独立的维护自己的数据。

解决方案

我们都知道，在JavaScript中，函数具有独立作用域快的特点，外部是无法访问其内部的变量。

试想一下，如果我们组件中的data属性是一个函数，他的每个实例就会有自己的作用域空间，也就是独立的数据，每个实例之间不会相互影响。

所以，组件中的data属性必须是一个函数。

github资源地址：vue--为什么data属性必须是一个函数

我的CSDN博客地址：https://blog.csdn.net/wxl1555

如果您对我的博客内容有疑惑或质疑的地方，请在下方评论区留言，或邮件给我，共同学习进步。

邮箱：wuxiaolong802@163.com

vue--为什么data属性必须是一个函数相关推荐

data为long 怎么设置vue_vue--为什么data属性必须是一个函数
前言老规矩,我们还是先说为什么. 问题描述:为什么在vue组件中,我们的data属性必须是一个函数,new Vue()中的data除外,因为new Vue中只有一个data属性. 原因:因为我们能抽 ...
[vue] 为什么data属性必须声明为返回一个初始数据对应的函数呢？
[vue] 为什么data属性必须声明为返回一个初始数据对应的函数呢? 对象为引用类型,当重用组件时,由于数据对象都指向同一个data对象,当在一个组件中修改data时,其他重用的组件中的data会同 ...
vue中的data为什么必须是一个函数
其实这个问题是js的问题,并非是vue的问题这和原型链的知识有关我们可以反向推一下,如果vue中的data是一个对象的话会发生什么现象举例:vue中的data是一个对象 function Com ...
使用vue+textarea的属性maxlength制作一个文本框字数限制
使用vue加textarea的属性maxlength制作一个文本框字数限制 1.body部分 <div id="app"><div class="tex ...
java socket中属性详解_前端开发：关于Vue组件中的data属性值是函数而不是对象的详解...
最近在搞关于前端开发的基础知识归纳,发现了不少经典知识点,那么本篇博文就来分享一个经典的知识点:Vue组件中的data属性值为什么是函数而不是对象.首先来了解一下Vue组件的使用理念:在Vue组件使用 ...
vue中的data为什么是一个函数？起到什么作用？
前言在学习vue的时候,我们一直在思考的一件事: 组件的data数据为什么必须要以函数返回的形式,为什么不是简单的对象形式呢? 一.data为什么是一个函数面试回答: 如果data是一个函数的话, ...
Vue 组件中的data为什么是一个函数?
1.前言在学习Vue的时候,发现组件中的data 是函数返回的形式,而挂载的实例中的data一般都是简单的对象格式,带着问题查了查文档,下面给出例子和解释. 2.正文这里有一个 Vue 组件的示例 ...
Vue中data为何以函数形式返回
data为何以函数形式返回在使用Vue构建组件化应用时,每个组件的data属性都是以函数形式返回的,这主要是在组件化实现的时候,每个实例可以维护一份被返回对象的独立的拷贝,而不是共享同一个对象的引用 ...
vue中data定义数字类型_[乐意黎原创] Vue中data定义的三种方式和区别
在 Vue中,定义data时,经常有好几种写法,一不小心会混淆,这里彻底详述一下,以便记分清 . 一.在vue中,定义data可以有三种写法. 1. 第一种写法,data是一个对象. var app ...

vue--为什么data属性必须是一个函数

前言

解决方案

vue--为什么data属性必须是一个函数相关推荐

最新文章

热门文章