当前位置: 首页 > article >正文

Vue 3.0新增setup的作用

如大家所了解的,vue3 中新增了 setup,它的出现是为了解决组件内容庞大后,理解和维护组件变得困难的问题。

即 vue 中 data、computed、methods、watch 等内容非常多以后,同一业务逻辑的 data 中的数据和 methods 中的方法在 vue 文件中“相隔甚远”,看代码时,经常需要根据 data 中的数据去搜索找到对应的 methods 方法,上下跳跃查看代码,非常不方便。而在 setup 中,则可以把 data 中的数据和 methods 方法写在相临的位置,方便查看和维护。

setup 中的 return 主要作用是暴露给 template,以便在模版中使用这些 property



 


http://www.kler.cn/news/356656.html

相关文章:

  • 在各大媒体报纸上刊登自己的文章用什么投稿方法发表快?
  • Java 引用数据类型详解、字符串的不可变性、如何处理字符串的内存管理、String Pool 及其优化
  • 2013 lost connection to MySQL server during query
  • 【Linux】 Linux 释放内存脚本
  • MacOS安装MySQL和Navicat
  • Jupyter notebook中更改字体大小
  • FFMPEG录屏(19)--- 枚举Windows下的屏幕列表,并获取名称、缩略图
  • 5、JavaScript(二) 对象+DOM
  • 如何优雅的处理解析JSON数据
  • MyBatis实践:提高持久层数据处理效率
  • Rotary Position Embedding(RoPE)在视觉Transformer中的应用与提升
  • 一次性入门三款分布式定时任务调度框架:Quartz、ElasticJob3.0、xxl-job
  • C++参数入栈顺序为什么从右向左
  • (接上篇问题回答)OWASP Top 10 漏洞详解:基础知识、面试常问问题与实际应用
  • 快速查看平台信息脚本(完善中...)
  • 父子元素中只有子元素设置margin-bottom的问题
  • SpringBoot框架下的桂林旅游资源整合
  • 爬虫结合项目实战
  • MySQL数据库从入门到精通 第2讲 启动 停止 连接
  • 【CSS in Depth 2 精译_050】7.3 CSS 响应式设计中的流式布局原则(Fluid layout)