原文:Vue 组件的data必须是一个函数

组件是可复用的 Vue 实例,且带有一个名字:在这个例子中是 lt button counter gt 。我们可以在一个通过new Vue创建的 Vue 根实例中,把这个组件作为自定义元素来使用: 因为组件是可复用的 Vue 实例,所以它们与new Vue接收相同的选项,例如data computed watch methods以及生命周期钩子等。 仅有的例外是像el这样根实例特有的选项。 当我 ...

2018-05-18 17:58 0 2209 推荐指数:

查看详情

为什么vue组件data必须是一个函数

函数内声明实例属性保存data,每个实例对象的data都是经过一次函数执行得到有不同的返回结果,所以返回data的值具有自己独立的作用域。 在定义Vue实例时,给Vue传参是一个对象,对象中data就是一个函数Vue在实例化的时候会调用这个函数每个实例都会返回新的值,data ...

Sat Jul 18 22:41:00 CST 2020 0 589
vue组件data为什么是一个函数

组件是可复用的vue实例,一个组件被创建好之后,就可能被用在各个地方,而组件不管被复用了多少次,组件中的data数据都应该是相互隔离,互不影响的,基于这一理念,组件每复用一次,data数据就应该被复制一次,之后,当某一处复用的地方组件data数据被改变时,其他复用地方组件data数据不受 ...

Fri Aug 23 01:03:00 CST 2019 0 2491
vue组件data为什么是一个函数

1. 前言 在学习vue的时候,一直纳闷一件事:组件data数据为什么必须要以函数返回的形式,为什么不是简单的对象形式呢?遂带着问题去翻官方文档,文档中自然也写明了这么做的原因,本篇博文以官方文档给出的原因为基础,并加上具体的例子,来阐述这么设计的原因。 2.正文 组件是可复用的vue实例 ...

Tue Oct 30 21:12:00 CST 2018 1 20286
Vue组件中的data为什么必须是一个函数

Vue组件基础中有这样一句话:data必须是一个函数。 为什么data必须是一个函数呢? 我们来看Vue在声明式渲染中给出的一个demo: 在这个demo中data一个对象,通过 new Vue 创建的 Vue 实例中,我们直接把data ...

Thu Feb 06 07:06:00 CST 2020 0 256
Vue 组件 data为什么是函数

你在前面看到,在new Vue()的时候,是可以给data直接赋值为一个对象的。这是怎么回事,为什么到了组件这里就不行了。 实际上,它首先需要创建一个组件构造器,然后注册组件。注册组件的本质其实就是建立一个组件构造器的引用。使用组件才是真正创建一个组件实例。所以,注册组件其实并不 ...

Tue Apr 03 07:00:00 CST 2018 0 4751
Vue 组件 data为什么是函数

在创建或注册模板的时候,传入一个data属性作为用来绑定的数据。但是在组件中,data必须是一个函数,而不能直接把一个对象赋值给它。 Vue.component('my-component', { template: ' OK ', data() { return {} // 返回一个 ...

Fri Mar 01 23:18:00 CST 2019 0 1284
Vue 组件 data为什么是函数

在创建或注册模板的时候,传入一个data属性作为用来绑定的数据。但是在组件中,data必须是一个函数,而不能直接把一个对象赋值给它。 你在前面看到,在new Vue()的时候,是可以给data直接赋值为一个对象的。这是怎么回事,为什么到了组件这里就不行了。 你要理解,上面这个操作是一个简易 ...

Fri May 19 22:06:00 CST 2017 3 26690
为什么vue组件中的data不是一个对象而是一个函数

  如果两个实例引用同一个对象,当其中一个实例的属性发生改变时,另一个实例属性也随之改变,只有当两个实例拥有自己的作用域时,才不会相互干扰。   这是因为JavaScript的特性所导致,在component中,data必须以函数的形式存在,不可以是对象。   组建中的data写成一个函数 ...

Fri Jul 26 01:56:00 CST 2019 0 2050
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM