- 博客(4)
- 收藏
- 关注
原创 vue小复习2
beforeUpdate:状态更新之前执行此函数,此时 data 中的状态值是最新的,但是界面上显示的数据还是旧的,因为此时还没有开始重新渲染DOM节点。调用后,vue 实例 指示的所有东西都会解绑,所有的事件监听器会被移除,所有的子实例也会被销毁。updated:实例更新完毕之后调用次函数,此时 data 中的状态值 和 界面上显示的数据,都已经完成了更新,界面已经被重新渲染好了。此选项的值应为返回一个对象的函数。mounted:此时,已经将编译好的模板,挂载到了页面指定的容器中显示。
2023-03-09 08:43:06 60 1
原创 react router
开发 react 项目中使用路由,需要使用一个第三方库,这个第三方库在脚手架创建项目的时候是没有自动给我们安装的,所以说,我们需要自行安装一下,我们先安装 5 版本的,因为我是用的 5 版本,其他版本不保证和我下面说的案例都能匹配起来哈。我们做一个超级简单的页面,里面首先是一个大标题,这个是写死的,简单的展示用。然后两个链接,点击链接的时候,浏览器地址的 path 会变化,下面是一个展示区域,点击按钮之后,展示不同的信息。我们还是以案例的方式来,做一个简单的案例,在做的过程中,就把基本的用法学了。
2023-02-14 21:53:00 75
原创 React
c.函数组件由于没有内部状态,所以无需考虑状态管理,也不存在类似生命周期函数之类的复杂操作,可以更加专注与UI的渲染。使用:const [num,setNum] = useState(5)//num 数据,setNum更新num数据的方法,5默认值。调用num:{num}更新num:setNum(num+2)}>a.函数组件更加轻量,可以比类组件节省更多的内存和性能开销,并且更容易使用。return ()=>{ //模拟组件将要卸载 }//模拟任意数据的更新。
2023-02-14 08:55:47 62
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人