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

Vue2转Vue3学习历程

选项式API=>组合式API

vue3和vue2的差别就是选项式api改为组件式api,就是以前vue2要定义data、method、mounted,在vue3就变为了更模块化的,并且我感觉vue3设计思路更多是以调用方法的方式实现,比如我实现一个方法,并且通过setup语法糖省略data、method

<script setup>
import {ref, reactive, onMounted} from "vue";const number1 = ref(1);
const updatenumber1 = ()=>{if(number1.value=="123"){number1.value = "1";}else{number1.value = "123";}
}const number2 = reactive({msg:'这是第一条信息',data:'这是第一条数据'
})
const updatenumber2 = ()=>{number2.msg = "这是第一条信息的修改版";number2.data = "这是第一条数据的修改版";updatenumber1()
}onMounted(()=>{alert("1")
})</script>

setup语法糖

自定义全局HOOK

底下为我觉得Vue3需要改变之处,欢迎大家讨论

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 字节6面,面爆炸了
  • ssh结合重定向实现scp拷贝文件的另类用法
  • 通配符证书的申请及配置教程
  • 大规模语言模型开发基础与实践
  • 【HTML】使用过程中的随记
  • E810网卡驱动安装-适用于centos7.9
  • 前端提高Web/App/小程序开发效率的工具
  • 找欧洲客户:这个实用方法可以收藏起来
  • 【赵渝强老师】大数据技术的理论基础
  • 一夜之间删库跑路?Runway到底在做什么?
  • 数据结构---顺序表---单链表
  • C# SM2 SM3 SM4 使用
  • 创意微型学生机床工具——金属车床
  • 58、Python之函数高级:不定参数的函数,写出更加通用的装饰器
  • 超声波的应用
  • Android 架构优化~MVP 架构改造
  • android图片蒙层
  • Centos6.8 使用rpm安装mysql5.7
  • eclipse(luna)创建web工程
  • ESLint简单操作
  • ES学习笔记(10)--ES6中的函数和数组补漏
  • export和import的用法总结
  • Git初体验
  • Java|序列化异常StreamCorruptedException的解决方法
  • java第三方包学习之lombok
  • java正则表式的使用
  • js 实现textarea输入字数提示
  • MySQL-事务管理(基础)
  • Nacos系列:Nacos的Java SDK使用
  • PHP 小技巧
  • webpack4 一点通
  • XForms - 更强大的Form
  • 动手做个聊天室,前端工程师百无聊赖的人生
  • 基于OpenResty的Lua Web框架lor0.0.2预览版发布
  • 浅谈Kotlin实战篇之自定义View图片圆角简单应用(一)
  • 如何使用 OAuth 2.0 将 LinkedIn 集成入 iOS 应用
  • 如何在 Tornado 中实现 Middleware
  • 入手阿里云新服务器的部署NODE
  • 视频flv转mp4最快的几种方法(就是不用格式工厂)
  • 微信开放平台全网发布【失败】的几点排查方法
  • 微信小程序:实现悬浮返回和分享按钮
  • 小李飞刀:SQL题目刷起来!
  • 异步
  • 原创:新手布局福音!微信小程序使用flex的一些基础样式属性(一)
  • 字符串匹配基础上
  • 阿里云服务器购买完整流程
  • 说说我为什么看好Spring Cloud Alibaba
  • ​你们这样子,耽误我的工作进度怎么办?
  • ​人工智能书单(数学基础篇)
  • # Redis 入门到精通(一)数据类型(4)
  • # Swust 12th acm 邀请赛# [ E ] 01 String [题解]
  • (1)(1.9) MSP (version 4.2)
  • (2)STL算法之元素计数
  • (2024.6.23)最新版MAVEN的安装和配置教程(超详细)
  • (4) PIVOT 和 UPIVOT 的使用