一、创建(实例)

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实例时执行

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

最新动态

JavaScript有哪些内置对象?

JavaScript的内置对象是由语言本身提供的预定义对象,用于实现特定的功能,如日期处理、数组操作等。这些对象不需要额外引入,可以直接在代码中使用。JavaScript的内置对象主要包括以下几类:全局对象、包装对象、数学对象、日期对象、其他常用对象。

找出一个字符串出现次数最多的字符

在 JavaScript 中,你可以使用多种方法来找出字符串中出现次数最多的字符。可以通过创建一个对象来记录每个字符的出现次数,然后找出出现次数最多的字符。

js中操作对象的方法有哪些?

在JavaScript中,操作对象的方法有很多,这些方法涵盖了创建对象、访问属性、修改属性、删除属性、遍历对象、检测属性、以及更多高级操作。

数组中some和every区别?

在JavaScript中,Array.prototype.some() 和 Array.prototype.every() 是两个用于遍历数组并基于提供的测试函数(回调函数)对数组元素进行检查的方法。它们之间的主要区别在于它们的返回值和何时停止遍历。some():只要有一个元素满足条件,就返回 true 并停止遍历。every():所有元素都必须满足条件,才返回 true,否则返回 false,并在找到第一个不满足条件的元素时停止遍历。

数组中find和filter区别?

在JavaScript中,find和filter是两个用于处理数组的常用方法,但它们的功能和返回值有所不同。以下是它们的主要区别:find 方法用于在数组中查找第一个满足提供的测试函数的元素。一旦找到满足条件的元素,它会立即返回该元素,并且不会继续查找。filter 方法用于创建一个新数组,新数组中的元素是通过所提供函数实现的测试的所有元素。它会对数组中的每一个元素执行测试函数,如果元素满足条件,则会被添加到新数组中。

js的继承有哪些方式?

在JavaScript中,实现继承有多种方式。这些方式随着ECMAScript标准的演进而逐渐改进和标准化。以下是几种常见的继承方式:1.原型链继承;2.借用构造函数继承;3.组合继承;4.原型式继承;5.寄生组合式继承;6.类继承。

为什么Node.js是单线程的 ?

Node.js被设计为单线程的原因主要与其事件驱动和异步非阻塞I/O的模型有关。以下是Node.js采用单线程设计的几个关键点:事件驱动模型、异步非阻塞I/O、简化并发处理、JavaScript引擎的限制、资源利用和效率。

Node.js如何克服I/O操作阻塞的问题

Node.js 通过其事件驱动、非阻塞 I/O 模型有效地克服了传统 I/O 操作阻塞的问题。以下是一些关键机制和技术,使得 Node.js 能够高效处理大量并发请求和 I/O 操作:1.事件循环(Event Loop);2.异步 I/O;3.非阻塞网络 I/O;4.回调函数(Callbacks);5.Promise 和 async/await;6.流(Streams);7.子进程和集群(Cluster)。

什么是虚拟DOM?

虚拟DOM(Virtual DOM)是一种编程概念,它使用JavaScript对象(通常是一个轻量级的树结构)来表示真实DOM(Document Object Model,文档对象模型)的结构和状态。具体来说,虚拟DOM并不是真实的DOM,而是真实DOM的一个“虚拟”表示。

“use strict”有什么作用?

在JavaScript中,"use strict" 是一种声明,用于启用严格模式(Strict Mode)。严格模式是一种使JavaScript代码运行在更严格解释环境下的方式,从而捕捉一些常见的编码不规范和潜在的错误。它的主要作用包括:捕获一些常见的编码错误、改变某些JavaScript特性的默认行为、禁用某些语法、提高性能和内存使用。1 列表内容