一、创建(实例)

1、beforeCreate:这个阶段实例已经初始化,只是数据观察与事件机制尚未形成,不能获取DOM节点(没有data,没有el)

使用场景:因为此时data和methods都拿不到,所以通常在实例以外使用

2、created:实例已经创建,仍然不能获取DOM节点(有data,没有el)

使用场景:模板渲染成html前调用,此时可以获取data和methods,so 可以初始化某些属性值,然后再渲染成视图,异步操作可以放在这里

二、载入(数据)

1、beforeMount:是个过渡阶段,此时依然获取不到具体的DOM节点,但是vue挂载的根节点已经创建(有data,有el)

2、mounted:数据和DOM都已经被渲染出来了 使用场景:模板渲染成html后调用,通常是初始化页面完成后再对数据和DOM做一些操作,需要操作DOM的方法可以放在这里

三、更新

1、beforeUpdate:检测到数据更新时,但在DOM更新前执行

2、updated:更新结束后执行

使用场景:需要对数据更新做统一处理的;如果需要区分不同的数据更新操作可以使用$nextTick

四、销毁

1、beforeDestroy:当要销毁vue实例时,在销毁前执行

2、destroyed:销毁vue实例时执行

" />
微信公众号
扫描关注微信公众号

最新动态

浏览器乱码的原因是什么?如何解决?

浏览器乱码的原因有多种,主要包括编码不匹配、网页源代码问题、浏览器自身问题、网络传输问题以及字体或语言设置问题等。

箭头函数的适用场景有哪些?

箭头函数(Arrow Functions)是 ES6(ECMAScript 2015)引入的一种简洁的函数表达式,它提供了更简短的语法,并且没有自己的 this、arguments、super 或 new.target 绑定。箭头函数在很多场景下都非常有用,以下是一些常见的适用场景:回调函数、事件处理器、立即执行的函数表达式、嵌套函数中的 this 绑定、高阶函数的参数、简化代码、处理链式调用。

JSON 有哪些优点?

JSON具有轻量级、易读性和易写性、语言独立性、支持复杂数据结构、易于解析和生成以及严格的语法规范等优点。使其成为Web开发和其他领域中进行数据交换和存储的流行选择。

React 如何实现双向数据绑定?

在 React 中,双向数据绑定通常是通过受控组件(controlled components)和事件处理来实现的。尽管 React 本身并没有像一些框架(如 Angular)那样直接提供内置的双向数据绑定机制,但通过状态管理(state management)和事件处理,可以很容易地实现类似的效果。

React 组件通信的方式有哪些?

React 组件通信的方式多种多样,主要包括以下几种:1.父子组件通信,通过 props 传递数据;2.兄弟组件通信,通过父组件作为中间层。两个兄弟组件之间的通信通常通过它们的共同父组件来实现;3.跨级组件通信使用 Context;4.非嵌套组件通信,全局变量或状态管理工具。

浏览器是怎样解析 CSS 选择器的?

浏览器解析CSS选择器的过程是一个复杂而高效的过程,涉及多个关键步骤。以下是对这一过程的详细解析:DOM树构建、CSS解析、选择器匹配、生成样式上下文、渲染树构建与布局、样式应用与页面渲染。

React 性能优化有哪些?

React性能优化涉及多个方面,包括渲染优化、组件性能优化、数据处理优化、代码优化、网络优化以及其他一些优化策略。通过综合运用这些优化方法,可以显著提升React应用的性能和响应速度。

axios 常用的请求方式有哪些?

axios 常用的请求方式主要包括以下几种:GET、POST、PUT、PATCH、DELETE。此外,axios 还支持并发请求、拦截请求和响应、转换请求数据和响应数据、取消请求、自动转换 JSON 数据以及客户端支持防御 XSRF 等高级功能。这些功能可以根据具体需求进行配置和使用。

CSS 中 display 有哪些值?

在 CSS 中,display 属性用于控制一个元素的显示类型。display 属性有多个值,每个值都有不同的布局和行为。这些 display 值涵盖了从简单的块级和内联布局到复杂的网格和弹性布局的各种情况。通过合理使用这些值,可以实现丰富多样的页面布局和用户体验。

Vue 中 computed 的特点有哪些?

Vue中computed的特点主要体现在以下几个方面:缓存性、响应性、高效性、简洁性、依赖追踪、可组合性。这些特点使得计算属性成为Vue中处理派生数据和复杂计算的重要工具之一。