- Vue组件可能存在多个实例，如果使用对象形式定义data，则会导致它们共用一个data对象，那么状态变更将会影响所有组件实例，这是不合理的;
- 采用函数形式定义，在initData时会将其作为工厂函数返回全新data对象，有效规避多实例之间状态污染问题。
- 在Vue根实例创建过程中则不存在该限制，也是因为根实例只能有一个，不需要担心这种情况
vue组件中data为什么必须是一个函数
2023-08-20
31
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
vue组件中data为什么必须是一个函数
相关文章
|
1天前
|
JavaScript
前端开发
|
1天前
|
JavaScript
前端开发
容器
Vue 3 中 ＜transition-group＞ 组件报错的非 props 属性传递问题
Vue 3 中 ＜transition-group＞ 组件报错的非 props 属性传递问题
12
1
1
|
1天前
|
移动开发
JavaScript
前端开发
ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
5
1
1
|
1天前
|
移动开发
前端开发
ruoyi-nbcio-plus基于vue3的flowable的自定义业务撤回申请组件的升级修改
ruoyi-nbcio-plus基于vue3的flowable的自定义业务撤回申请组件的升级修改
8
2
2
|
1天前
|
移动开发
前端开发
|
1天前
|
JavaScript
|
1天前
|
移动开发
前端开发
JavaScript
|
1天前
|
JavaScript
|
2天前
|
JavaScript
|
JavaScript
测试技术
容器
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具
检测版本
node -v
npm -v
图1.png
2). 安装vue-cli(vue脚手架)
npm install -g vue-cli --registry=https://registry.
987
0
0
热门文章
最新文章
1
vue3中实现文件上传---通过element-plus的upload组件
2
Vue+Django+MySQL搭建指南（个人全栈快速开发）
3
深入浅出 - vue变化侦测原理
4
VUE3（十八）vue 路由history 模式去掉 URL 中的 # （nginx）
5
vue jsx 使用指南
6
VSCode 中，TS 提示 ”无法找到 *.vue 声明文件“ 的解决方案
7
vue项目实战 — — 那些自己给自己挖的深坑
8
Vue3中的Ref与Reactive：深入理解响应式编程
9
CDN引入vue不兼容IE浏览器
10
VUE01_基本使用、插值表达式、指令、事件绑定、分支循环结构（一）