原文:深入理解--VUE组件中数据的存放以及为什么组件中的data必需是函数

组件中数据的存放 重点 组件是一个单独模块的封装:这个模块有自己的HTML模板,也有data属性。 只是这个data属性必需是一个函数,而这个函数返回一个对象,这个对象里面存放着组件的数据。 完整代码 解析:当你在调用title变量的时候,只能访问到组件内部定义的变量,因为组件是一个单独模块的封装。 为什么组件中的data必需是函数 因为组件是要重复使用的,当data是函数并且在多次调用的时候, ...

2019-10-30 16:09 0 715 推荐指数:

查看详情

Vue 组件data为什么是函数

在创建或注册模板的时候,传入一个data属性作为用来绑定的数据。但是在组件data必须是一个函数,而不能直接把一个对象赋值给它。 Vue 实例的数据对象。Vue 将会递归将 data 的属性转换为 getter/setter,从而让 data 的属性能够响应数据变化。对象 ...

Wed Apr 15 01:18:00 CST 2020 0 1055
vue组件data为什么必须是个函数

分析如上代码: 1、首先创建一个名字为counter的组件data函数返回一个外部定义的对象的值,如果直接给data属性设置一个对象而不是函数,那么会在浏览器中直接报错 2、在浏览器运行代码 每次点击+1按钮,下边的值就会加一 3、如果我们在页面上同时使用三个 ...

Sat Apr 06 05:47:00 CST 2019 1 1943
vue组件data为什么是函数

一、vue组件data为什么是函数   为了保证组件的独立性 和 可 复用性,data 是一个函数组件实例化的时候这个函数将会被调用,返回一个对象,计算机会给这个对象分配一个内存地址,你实例化几次,就分配几个内存地址,他们的地址都不一样,所以每个组件数据不会相互干扰,改变其中一 ...

Fri Jan 10 22:56:00 CST 2020 0 2530
Vue 组件 data 为什么必须是函数

原文地址 vue组件data必须是函数 类比引用数据类型 Object是引用数据类型,如果不用function 返回,每个组件data 都是内存的同一个地址,一个数据改变了其他也改变了; javascipt只有函数构成作用域(注意理解作用域,只有函数的{}构成 ...

Thu May 09 19:28:00 CST 2019 0 1804
Vue 组件 data 为什么必须是函数

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

Mon Mar 30 01:17:00 CST 2020 0 968
深入理解Vue组件3大核心概念

摘要: 搞懂Vue组件! 作者:浪里行舟 原文:详解vue组件三大核心概念 Fundebug经授权转载,版权归原作者所有。 前言 本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件,也可以从这三个部分展开 ...

Fri Jun 21 18:01:00 CST 2019 0 566
vue组件data为什么是一个函数

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

Fri Aug 23 01:03:00 CST 2019 0 2491
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM