- 博客(4)
- 收藏
- 关注
原创 尝试学习仿造elementui造轮子
实现类似于ElementUI-plus类似的Message弹出框实现本项目的目的在于熟悉createApp()这个api的如何使用,以及对引用组件实现的流程进行进一步熟悉。下面开始创建项目,老样子我们可以使用vite进行创建,或者使用vue-cli进行创建使用vite创建项目npm init vite@latest MessageBox --template vue使用vue-cli创建项目vue create MessageBox使用vue-cli创建项目我们需要注意的是,我们选择vue
2022-05-19 14:25:25
302
原创 React中的useReducer设计思想与Vue3中使用
React中的useReducer我们在写逻辑的时候,通常是一个业务一个方法,这样使得代码的逻辑看上去会很复杂,所以在React中提出了useReducer来进行方法的结构,目的时使用这种方式实现方法的复用,使得项目的扩展性更强。我们通过一个例子来展示useReducer的好处在React中常规todoList的写法构思组件根据分析,我们可以把组件分成两个部分,头部输入框以及主要数据展示区于是我们可以构建一下两个组件对其业务进行分析以及编写index.jsx为两个子组件的父组件,用于统一两个组
2022-04-29 21:28:46
590
1
原创 使用vue-hooks完成类似于React的useState
使用vue-hooks完成类似于React的useState前言在使用vue3的过程中,通常使用 ref()完成对应的响应式,但是在使用过程中我们需要使用.value来获取到真正的值,从而实现响应式,在开发过程中经常会忘记.value,本文主要是想解决一下类类似这方面的问题对比React使用React过程中,我们发现使用useState Hook给我们带来了很多便利的地方,通过useState,可以返回一个数组,并且从中可以结构出我们需要的响应式数据和对数据的修改方法const [state,us
2022-04-27 20:02:14
1527
原创 使用React-hook完成todoList
准备工作完成脚手架安装npx create-react-app todoListpro完成导入sass依赖包npm install node-sass完成初始化样式设置@charset "utf-8";.border,.border-top,.border-right,.border-bottom,.border-left,.border-topbottom,.border-rightleft,.border-topleft,.border-rightbottom,.bo
2022-04-26 15:37:21
646
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人