前端的effect

来源:10-1 添加编辑和删除区域

有没有没被占用的昵称

2021-05-03

老师,似乎随着vue3好和react17慢慢进入视野,前端的副作用effect越来越来被人提起。老师能不能帮忙解释下,这个副作用到底是一个咋样的存在

写回答

1回答

张轩

2021-05-05

同学你好 这是一个大的话题 我只能给你简单介绍一下哈 我用我的一个教义给你看一下大体的结构,要依次搞清楚纯函数,副作用 ,React 和 Vue3 的方式。用 React 的组件更好理解纯函数

纯函数

  • 相同的输入,永远会得到相同的输出

  • 没有副作用

副作用 跟函数外部环境发生的交互

  • 网络请求

  • DOM 操作

  • 订阅数据来源

  • 写入文件系统

  • 获取用户输入

React 的方式

  • 使用 useEffect 钩子函数添加函数的副作用

Vue3 的方式

  • 使用 watchEffect 钩子函数来添加函数的副作用

  • 任何界面的更新都会触发这个 effect

  • 它会自动追踪在函数体内的变量,只有使用到的值就会自动的触发


2
0

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程