首页 > 其他分享 >VUE2/3差异之模板写法

VUE2/3差异之模板写法

时间:2023-05-31 10:44:20浏览次数:46  
标签:逻辑 代码 www API VUE2 组件 写法 模板

Options API (选项API)

传统的组件随着业务复杂度越来越高,代码量会不断的加大,整个代码逻辑都不易阅读和理解。
虽然尽量一个文件不要写太多代码(1000行内),但总有一些大型组件要一个文件写很多代码


优点:各选项编写写位置固定,结构清晰
缺点:

  1. 代码组织性差,相似的逻辑代码不便于复用
  2. 逻辑复杂代码多了不好阅读,同一功能的上下文代码难找

 


Composition API (组合式api)

主要用于在大型组件中提高代码逻辑的可复用性。
组合式 API 在 setup 内使用,按逻辑关注点对部分代码进行分组,
然后提取逻辑片段并与其他组件共享代码。因此编写出更有条理的代码。

优点:

  1. 同一功能相关的所有东西都写在一起,快速阅读和理解
  2. 功能复杂,代码量大,还可以进行逻辑拆分处理,功能封装。

写法对比:

 

 

参考文章:https://www.jianshu.com/p/2cac57888886
https://www.runoob.com/vue3/vue3-composition-api.html

 

标签:逻辑,代码,www,API,VUE2,组件,写法,模板
From: https://www.cnblogs.com/konghaowei/p/17445386.html

相关文章

  • 背包问题(模板
    哼哼哼啊啊啊啊啊……顾冥思彝,就是背包出问题了……(bushi一个人在旅途中的人有一个最多能用M公斤的背包,现在有n件物品,它们的重量分别是W1,W2,...,Wn,它们的价值分别为C1,C2,...,Cn.求此人能获得最大总价值。Input第1行:两个整数,M(背包容量,M<=200)和n(物品数量,n<=30);第2至n+1行:每行两个......
  • Velocity模板引擎
    一、什么是VelocityVelocity是一个基于Java的模板引擎,其提供了一个Context容器,在java代码里面我们可以往容器中存值,然后在vm文件中使用特定的语法获取。通过Context数据容器+模板内容进行合并,可以输出html、java、sql、xml等一切需要的文本类文件。作为一个模块引擎,除了......
  • ef/efcore/sqlsugar group by字段 orderby count的写法
    ef/efcore:以datatype字段分组后按count倒序:varlist=db.table1.GroupBy(x=>x.DataType).Select(group=>new{group.Key,Count=group.Count()}).OrderByDescending(x=>x.Count).ToList(); sqlsugar:sqlsugargroupBy的返回值不是IQueryable<IGrouping<key,model>......
  • 在线打印模板设计工具 - XMReport
    关于XMReportXMReport是一款在线打印模板设计工具,支持在浏览器中进行打印模板设计,预览等,无需安装本地插件。并提供Java后端生成引擎,JavaScript生成引擎。同时XMReport是一个很好的JasperReport/ActiveReport,水晶报表等产品替代。先简单你介绍一下XMReport的特性吧:国内首款基于......
  • 微信小程序 WXSS模板样式,全局和页面配置,网络请求
    【黑马程序员前端微信小程序开发教程,微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)】https://www.bilibili.com/video/BV1834y1676P/?p=26&share_source=copy_web&vd_source=03c1dc52eeb3747825ecad0412c18ab1WXSS模板样式1.什么是WXSSWXSS(WeiXin......
  • 模板模式:一种体现多态的设计模式
    0x01:模板模式模板模式(Template),又叫模板方法模式(TemplateMethod),在一个抽象类公开定义了执行它的方法的模板。它的子类可以按需重写方法实现,但调用将以抽象类中定义的方式进行。模板方法模式:定义一个操作中的算法的骨架,而将一些步骤延迟到子类中,使得子类可以不改变一个算法的结构,......
  • Wpf基础入门——模板和样式(Template&Style)
    本篇文章学习于:刘铁猛老师《深入浅出WPF》什么是模板?在WPF中,通过引入模板(Template)微软将数据和算法的“内容”与“形式”解耦了。WPF中的Template分为两大类:ControlTemplate是算法内容的表现形式,一个控件怎样组织其内部结构才能让它更符合业务逻辑、让用户操作起来更舒服就......
  • 匿名内部类详细写法
        ......
  • super()在 Django 模板视图中使用
    Django模板视图用于呈现HTML模板并将数据传递给它们以供显示。super()您可以在Django模板视图中使用,轻松地从父模板视图继承属性和方法,并根据需要自定义或扩展它们。Django模板视图的一种常见用法super()是在get_context_data方法中,该方法用于将数据传递给模板以进行渲染。......
  • 关于模板方法设计:抽象类
       ......