vue 组建中data函数的思考

官方文档的解释：

当我们定义这个 <button-counter> 组件时，你可能会发现它的 data 并不是像这样直接提供一个对象：

data: {count: 0
}
复制代码

取而代之的是，一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝：

data: function () {return {count: 0}复制代码

个人思考：

var MyComponent = function() {this.data = this.data()
}
MyComponent.prototype.data = function() {return {a: 1,b: 2,}
}复制代码

每个组件的data属性必须是相互独立的，属于私有作用域。否则，同一组件重复使用就会相互影响（如果是object的话）。

vue 组建中data函数的思考相关推荐

Vue.js中data,props和computed数据
在用Vue.js做开发的时候,一定知道 data, props和computed.用了这么久的Vue就总结一下这个三个东西,首先看看官网怎么定义他们,https://cn.vuejs.org/v2/a ...
Vue组件中data的使用方式
全局组件中的data使用方式: js中写法: Vue.component("mycom1",{template:'<h1>这是全局组件--{{msg}}</h1& ...
「后端小伙伴来学前端了」Vue脚手架中 render 函数
前言上一篇文章写了:「后端小伙伴来学前端了」分析Vue脚手架结构简单说明了Vue的脚手架结构,但是上篇文章还欠了个小点没有说完,就在这篇文章中补齐.就是所谓的render函数. 一.main.js ...
matlab中data函数,matlab中griddata函数应用示例
知道一系列点的坐标如下(1.486,3.059,0.1);(2.121,4.041,0.1);(2.570,3.959,0.1);(3.439,4.396,0.1);(4.505,3.012,0.1) ...
java socket中属性详解_前端开发：关于Vue组件中的data属性值是函数而不是对象的详解...
最近在搞关于前端开发的基础知识归纳,发现了不少经典知识点,那么本篇博文就来分享一个经典的知识点:Vue组件中的data属性值为什么是函数而不是对象.首先来了解一下Vue组件的使用理念:在Vue组件使用 ...
html5怎么改为vue_是否还在疑惑Vue.js中组件的data为什么是函数类型而不是对象类型...
点击上方"前端印象",选择"设为星标"第一时间关注技术干货! 引言要理解本篇文章,必须具备JavaScript中基本数据类型和引用数据类型的概念,大家可以花两 ...
vue中data定义数字类型_[乐意黎原创] Vue中data定义的三种方式和区别
在 Vue中,定义data时,经常有好几种写法,一不小心会混淆,这里彻底详述一下,以便记分清 . 一.在vue中,定义data可以有三种写法. 1. 第一种写法,data是一个对象. var app ...
vue学习：vue中data和return data的区别
在简单的vue实例中看到的Vue实例中data属性是如下方式展示的: let app= newVue({ el:"#app", data:{ msg:'' }, methods:{ ...
vue 学习中遇到的一些问题
vue 学习中遇到的一些问题 Vue中data有return返回函数问题: 在简单的vue实例中会看到Vue实例中data属性展示方式如下: let app= newVue({ el:"#a ...
vue怎么注释html代码,vue文件中如何注释？
vue文件里是可以写注释的.在每个代码块内,注释的时候,需要使用各自语言的注释语法去注释(HTML.CSS.JavaScript.Jade 等).在文件最顶部注释的时候用HTML的注释语法: . ht ...

vue 组建中data函数的思考

vue 组建中data函数的思考相关推荐

最新文章

热门文章