【Vue3】 2.1声名式渲染 VS 定义变量

本文探讨了前端开发中Vue3的声明式渲染与定义变量的区别。在Vue3的SETUP模式下,可以直接定义变量实现响应式。官方通过`ref`方法为变量添加响应式特性和绑定到$refs,而`reactive`则用于创建更复杂的响应式对象。文章还提到了TypeScript在Vue3中指定响应式变量类型的使用,并提供了实例展示。
摘要由CSDN通过智能技术生成

闲话

不得不佩服前端大神们的整词儿能力。同一个概念能取到五花八门的名字。后端程序员的概念都能比较统一,多少年才出一个新概念,不管是C系列 Java系列 PHP 或者是 数据库 服务器等等这些领域,其基础概念都是相通的,这么多年,会不断有新概念加入,而一个老概念,会被不断的重复引用,大家是对一个概念的不断优化和提升。而前端领域则不同,只要能写一个库,或者是一个框架还是啥,就能造出一堆新词,而这些新词背后,其实还是那个老概念。
我想这个原因,是因为前端的东西,相对来说,短小精悍,开发难度略低,很多时候一个人就能搞定,在作者来说,思路清晰,概念清楚,标准明确,就OK了~ 自己怎么取名字都行。而后端的东西,往往需要团队Group,需要组织Origin才能搞定,因此,提前把一些概念和标准定义清楚,就显得尤为重要。能复用的概念直接复用,便于团队人员理解和统一认知。这是学前端和学后端的一大差别。看到教程目录中一个新词,费半天劲弄半天,最后发现,原来就是这么个东西。感觉像德云社的节目单,名字每期都不同,节目却还是那些节目。

官方的第一个例子:声明式渲染

其实质就是定义一个原本在Data中的基础类型变量。
在Vue3的SFC的SETUP模式下,不需要再定义Data return啥的,直接定义变量即可。
官方的目的在于演示模板语法的数据渲染,这个玩意儿不演示,我们也知道,不知道也没必要用Vue了。
那么在SFC的setup模式中如何定义变量呢?
官网地址:Refs

const count = ref(
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值