Vue.js的常用API ｜青训营笔记这是我参与「第五届青训营」伴学笔记创作活动的第 15 天前言在上一次的学习

这是我参与「第五届青训营」伴学笔记创作活动的第 15 天

前言

在上一次的学习中，我们介绍了响应式的前端框架Vue.js，今天让我们继续深入Vue.js。

通常的js文件会以imort的导入顺序依次执行，但由于我们使用了框架，vue文件的执行并不是简单的顺序执行，我们并不清楚vue文件间的执行顺序，这就要引出生命周期的概念了。

setup函数是vue生命周期中最早执行的，在这个阶段我们定义响应式变量，添加各类事件监听，setup不参与组件的生命周期循环，组件被挂载后永远只执行一次。

在setup阶段后，进入了挂载阶段。此时vue文件中的html部分还未渲染成dom。在这个钩子中，我们一般进行一些数据的初始化，beforeMounted在整个生命周期中也只执行一次。

此时html部分已经被渲染，意为着我们可以在这个生命周期操作html元素。

在响应式数据被更新后调用，在一些情况下，我们希望在数据更新后进行一些自定义的操作时，能被重复调用的他将是一个很好的解决方案。

组件卸载前调用，我们注册的一些全局的点击事件在组件卸载后并不会清除，如果添加了全局点击事件（如在window上添加方法），在组件卸载后务必要移除这些事件。

ref与reactive都是用于定义响应式变量的API，区别在于ref定义的API需要使用value属性获取值，而reactive不需要，但reactive只能构造对象和数组式的响应式变量。

computed计算属性支持对响应式数据进行加工，传入回调函数并返回回调函数的返回值，computed的出现支持了特定响应式数据变化时为其带来更新。

Vue框架看似简单，实际暗藏了很多高技术的思想与实现方案，在深入学习的过程中，我们不能够只掌握其表象，也要深入的了解它的原理。