- 博客(10)
- 收藏
- 关注
原创 element ui 按需引入
不再使用es2015,改成@babel/preset-env,两者都是用来编译es6语法;好处:分离main.js文件代码,简化代码结构,让代码更加具可读性。版本为4.x,babel配置文件为babel.config.js。3、安装 babel-plugin-component。,我们可以只引入需要的组件,以达到减小项目体积的目的。推荐用代码分离法,也可在main.js中直接书写。在main.js中进行调用js文件。4、 .babelrc 文件配置。2、安装element ui。1、创建vue脚手架。
2023-03-27 23:40:43
202
原创 react使用hook实现TodoList
全篇重点掌握react函数组件的使用、react的hook的定义与使用、函数式组件的父子间通讯、函数式组件的多级组件间通讯等,相应的知识点笔记后期会更新上,尽请期待.....注意点:需要调用ArrDisposeFn(()=>[...arr])回调方法,实现逻辑层与视图层同步改变,如果不调用会出现逻辑层数据改变,视图层数据不更新的bug。整个程序使用到的知识点:自定义组件、父子组件间通讯、多级组件间通讯、hook、自定义hook等。TodoList.jsx文件。Input.jsx文件。List.jsx文件。
2022-12-26 21:25:14
554
1
原创 react数组循环渲染
正常来说我们的页面很多数据都是动态渲染的,我们一般根据一个数组来进行动态渲染。在react里面没有类似vue的指令,所以我们必须自己手动循环生成。
2022-12-23 16:04:18
2389
原创 react多个类名写法
在react里面还有一个html属性也是和js的关键字冲突的。label标签有一个for属性,也是和js的for是冲突的,所以在react里面使用labelFor来代替(了解)。当然我们也可以使用类名的方式控制样式。但是要注意,因为class属性与es6的class关键字会产生冲突,所以在react里面使用了className代替了class属性。
2022-12-23 15:21:51
757
原创 react的行内样式和外链样式
注意点:值得注意的是,style的后面我们写了两对大括号。最外面的一对是指我们要在html里面开启js执行环境,里面的一对是我们写的对象语法的括号。其中外链样式最简单,只需要在组件里面引入对应的外部样式就行。如果你的行内样式没有生效,看一下是不是写少了一个花括号。MyStyle.css文件。MyStyle.jsx文件。
2022-12-23 15:05:52
424
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人