自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除