mickeyort 发表于 2022-5-30 21:16:01

vue:熟悉vue生命周期和methods和mounted的区别?

beforecreate
beforecreate : 举个栗子:可以在这加个loading事件

created
created :在这结束loading,还做一些初始化,实现函数自执行 (data数据已经初始化 但是 dom结构渲染完成组件没有加载)

mounted
mounted : 在这发起后端请求,拿回数据,配合路由钩子做一些事情(dom渲染完成 组件挂载完成 )

beforeDestroy
beforeDestroy: 你确认删除XX吗?(简单来说 就是组件还存在)

destroyed
destroyed :当前组件已被删除,清空相关内容 (组件已经销毁 )

methods和mounted的区别

methods

methods中一般都是定义的需要事件触发的一些函数。每次只要触发事件,就会执行对应的方法。如果把computed中的方法写到method中会浪费性能。computed必须返回一个值页面绑定的才能取得值,而methods中可以只执行逻辑代码,可以有返回值,也可以没有。

mounted

mounted : 在这发起后端请求,拿回数据,配合路由钩子做一些事情(dom渲染完成 组件挂载完成 )


页: [1]
查看完整版本: vue:熟悉vue生命周期和methods和mounted的区别?