vue和反应让我有什么感觉
以下纯属个人使用两个框架的感想和体会：
不知道你有没有这种感觉~
vue和react都用了一段时间了，但是vue给我的印象是经常忘记语法，需要参考文档才知道怎么写(可能是没喝六个核桃的原因)，而react很少需要参考文档(可能是react用的少的原因)。
可能是因为以前公司经常用vue2吧~
Vue3更倾向于反应(react:你在模仿我’，Vue拽拽已经稀少的头发，脸上红心不跳，说：‘去其糟粕，取其精华’，react脸上有黑线)
1.vue3更好地支持typescript
2.有点像Reachhooks的Composition API有更好的逻辑重用和更好的类型派生。
假如， 我只是说假如： 在vue2 中我需要请求一份数据，并且在loading和error时都展示对应的视图：
模板
div v-if=’error ‘未能加载/div
div v-else-if=’loading’loading./div
div v-elsehello {{fullName}}！/div
/模板
脚本
从“vue”导入{ createComponent，computed }
导出默认值{
数据(){ 0
//如果有其他逻辑上相关的数据，集中式数据定义容易混淆。
返回{
数据： {
名字： ‘ ‘，
lastName:“”
},
loading: false，
错误：为假，
},
},
异步创建(){ 0
尝试{
//管理加载
this.loading=true
//获取数据
const data=等待。$axios(‘/api/user ‘)
this.data=数据
抓住
//管理错误
this.error=true
}最后{
//管理加载
this.loading=false
}
},
计算出的()
//没有人知道这个fullName与异步请求的哪一部分和数据的哪一部分相关，除非你仔细阅读。
//组件变大后尤其如此。
full NAmE(){ 0
返回this . data . first name this . data . last name
}
}
}
/script
不难看出代码其实不是特别优雅(排除我笨拙的双手), 而且loading、error等处理的可复用性为零， 看起来比较散， 对， 一个字 散， 代码越多，逻辑越复杂 那就越明显了， 而且很不好快速的分辨这个method是和哪两个data中的字段关联起来的， 你们有这种感觉吗 (我的错觉我昨晚喝大了)
把swr的逻辑照搬到 Vue3 中：
模板
div v-if=’error ‘未能加载/div
div v-else-if=’loading’loading./div
div v-elsehello {{fullName}}！/div
/模板
脚本
从“vue”导入{ createComponent，computed }
从“vue-swr”导入useSWR
导出默认的create component({ 0
设置(){ 0
//useSWR帮助您管理检索、缓存，甚至选项卡焦点重新请求，甚至是暂挂。
const { data，loading，error }=useSWR(‘/api/user ‘，fetcher)
//轻松定义计算属性
const full name=computed(()=data . first name data . last name)
返回{数据，全名，加载，错误}
}
})
/script
这样的话 逻辑更加聚合了，看起来也比较有凝聚力 , 字段参数比较明了
好了，我也不多说了， 各有各的好处， 能跻身三大主流框架， 没两把刷子 那是不可能的， 你不了解他， 你就别评判他….我还是非常喜欢vue和react的
给新手的温馨提示：
vue2的方式是选项API
但是vue3也支持这种编写方法，同时还增加了一个编写API。
但是，不建议您在vue3中使用选项API和合成API。
所有人都来了。我什么都看见了。留下点什么~
那时候我只有一台录音机，没有电脑，不敢奢望说唱能让我的生活变得更好。
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/146467.html