首页 > 编程知识 正文

vuex的五个属性及使用方法,vue的钩子函数

时间:2023-05-05 16:12:12 阅读:11535 作者:515

基本创建

实例初始化后,在配置数据和事件之前调用。 可以在此添加加载事件

已创建

实例创建后调用,但尚未装载,$el属性当前未显示。

el仍然未定义,并且数据已经绑定到data的属性。 放置在data中的属性在值发生变化的同时,视图也发生变化。

如果在此处可以在渲染之前倒数第二次修改数据,则可以在此处获取初始数据,而无需触发其他挂接函数

基本装载

加载前(data和el数据初始化完成),页面内容仍为vue占位符,data消息信息未挂在Bom节点上。

如果在此处可以在渲染前最后修改数据,则可以在此处获取初始数据,而无需触发其他挂接函数

已安装

加载后,html将进行渲染,并将vue实例中data中的消息挂载到BOM节点上。 可以将ajax请求放置在此函数中

before更新

在更新前的状态(view层数据更改之前,而不是数据更改之前)、重新渲染之前触发,然后vue虚拟dom机制

重建的虚拟dom将使用上一个虚拟dom树和diff算法进行比较和重新渲染

只有view上的数据更改才会启动beforeUpdate和updated,而不仅仅是属于data的数据更改会启动

更新

数据更改完成,dom和重新渲染也完成

beforeDestroy

销毁前执行,通常进行其中的最后处理(定时器清晰、未绑定指令的事件清晰等)

已发现

销毁后(DOM元素仍然存在,但不受vue控制) )。

beforecreate :可以在此添加加载事件

created :现在结束loading,也获取初始数据,实现函数的自我执行

mounted :现在开始后端请求,取回数据,协助挂钩做点什么

before destroy :是否确认要删除xx?

已删除:当前组件已删除。 清空相关内容

转载于:https://www.cn blogs.com /张宁187/p/fendou zailushang1. html

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。