前端系列二:Vue3较Vue2的变化及缺点

news/2024/7/24 11:05:59 标签: 前端, vue.js

Vue2选项API和Vue3组合API:

Vue2的选项API的缺点:

当有多个功能实现时在data里定义多个的数据和在mthods里的多个方法时会
导致不同的功能和逻辑交叉在一起,不利于阅读不好维护

Vue2和Vue3生命周期的改变:

在Vue2里常见的生命周期有八个,在Vue3里常见的生命周期只有七个

 Vue2里的beforeCreate和created在Vue3里换成了setup创建实例前

 Vue2里的beforeDestroy和destroyed换成了 onBeforeUnmount销毁前和on
Unmounted销毁后

Vue3里可以多次使用同一个钩子函数,执行顺序和书写顺序相同

Vue3里的响应式数据:

reactive是一个函数,它可以定义成一个复杂数据类型,成为响应式数据,

通常是用了定义响应式对象数据


http://www.niftyadmin.cn/n/861340.html

相关文章

前端系列三:Vite和Webpack区别及Vite特点总结

Vite启动同一项目时速度要优于Webpack 如果使用Webpack保存内容时它会再去编译,再告诉编译时间,会有编译时间的问题,随着项目越来越大 编译时间缺点会越来越明显 Vite改变内容时会告诉你热更新了速度超越秒级 同一代码量级,Web…

前端系列四:Typescript中遇到多个any影响性能解决方案

第一种方案: 可以在项目创建初期去tsconfig.json里去配置:"noImplicitThis": true 这样可以当表达式值为any类型的时候,生成一个错误 第二种方案: let xj: unknow 小新 let b: string xj as string unknown(不知道是什么类型…

前端系列五:Vue3中利用js跳转页面

goPage() { this.Z$router.push({path:"/",query:{search:超人}}) }

前端系列六:Vue3项目中遇到的原型方法问题

Vue3项目中引入插件报错问题: Cannot read properties of undefined (reading $api) 无法读取未定义的属性(读取“$api”) 思路: 先去查一下Vue3在原型上写法是否有改变; Vue3在原型上定型方法已经跟Vue2不同&#…

Hive on Zeppelin

** Hive on Zeppelin ** 官网:zeppelin.apache.org 做大数据的人应该对Hive不陌生,Hive应该是大数据SQL引擎的鼻祖。历经多个版本的改进,现在的Hive3已经具备比较完善的ACID功能,能够同时满足交互式查询和ETL 两种场景。 那怎…

前端系列七:在Vue3+TS+Vite插件的初始化项目模块报错的问题

细节问题: 当我们使用Vite创建Vue3项目时,项目创建完成时,在script里有 setup lang"ts" 因为export default 是JS的导出模式,这个时候没有把script里的setup lang"ts" 去掉就 会报模块错误问题

前端系列八:Vue3项目中定义全局方法遇到的问题

步骤一: 在src文件夹下,自己定义一个文件夹,再建一个公共文件例如:api.ts,在里面定义 export default{ install: (app: any, options: any) > { 下面这段代码是在Vue3里定义公共方法的$api公共方法名 app.config.globalProp…

前端系列九:前端项目部署上线流程、开发环境、测试环境、生产环境

开发环境、测试环境、生产环境、UAT环境、仿真环境– 区别 开发环境(development): 开发环境时程序猿们专门用于开发的服务器,配置可以比较随意,为了开发调试方便,一般打开全部错误报告和测试工具,是最基…