一、创建(实例)

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

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

最新动态

HTML5 中如何嵌入视频?

在 HTML5 中嵌入视频非常简单,你可以使用 <video> 标签。这个标签提供了在网页中直接嵌入和播放视频的功能。你可以指定视频文件的路径、格式以及控制播放的选项。

HTML5 中如何嵌入音频?

在 HTML5 中,你可以使用 <audio> 标签来嵌入音频文件。<audio> 标签支持多种音频格式,以确保跨浏览器的兼容性。常见的音频格式包括 MP3、WAV 和 Ogg Vorbis。

HTML5的form如何关闭自动完成功能?

在HTML5中,你可以通过为表单或其输入元素添加 autocomplete 属性,并将其值设置为 "off" 来关闭自动完成功能。这个属性可以在 <form> 标签或具体的 <input>、<select> 和 <textarea> 标签上使用。

什么是HTML5的离线储存?如何使用?

HTML5的离线存储是指Web应用能够将数据存储在客户端,即使没有网络连接,也能够访问存储的数据。它主要包含了几种存储机制。HTML5的离线存储为Web开发者提供了多种存储机制来满足不同的需求。开发者可以根据实际需求选择合适的存储方式,并按照相应的方法来实现离线存储功能。

什么情况会触发重排和重绘?

重绘(Repainting)和重排(Reflow)是与网页渲染和布局有关的两个关键概念。了解触发重排和重绘的情况以及采取相应的优化策略,对于提高网页性能和用户体验至关重要。

为什么要初始化CSS样式

初始化CSS样式(也称为CSS重置或CSS归一化)是一个重要的步骤,它确保了网页在各种浏览器和设备上的一致性和可预测性。通过初始化CSS样式,开发者可以确保网页在各种环境和条件下有一致的外观和行为,从而提高开发效率、减少调试时间,并提升用户体验。

纯CSS创建一个三角形的原理是什么

纯CSS创建三角形的原理是利用CSS的边框属性(border)和透明边框技巧。一个基本的三角形通常通过设置一个元素的高度和宽度为0,然后只显示其中三条边框中的一条(通过设置其他两条边框为透明色)来实现。

html5有哪些新特性?

HTML5是HTML标准的第五个主要版本,引入了许多新特性、有语义化标签、多媒体支持、Canvas绘图、SVG绘图、本地存储等。旨在改进网页开发的体验,提供更多的功能和灵活性。

viewport 和移动端布局方案详解

viewport在移动端布局中起着至关重要的作用。通过合理设置viewport和相关属性,可以实现网页在不同设备上的良好显示效果。同时,根据项目的具体需求选择合适的布局方案也是非常重要的。

使用Node.js搭建本地服务器

使用Node.js搭建本地服务器是一个非常常见的任务,可以通过内置的http模块或更高级的框架如Express.js来完成。这两种方法都可以用来搭建一个简单的本地服务器。使用内置的http模块可以让你更深入地理解HTTP服务器的工作原理,而使用Express.js框架则可以让你更高效地构建复杂的应用。

轻松 一刻