本文详细介绍了Vue.js框架中组件的生命周期，包括created、mounted、methods和watch等关键阶段。created在数据观测和方法初始化之后调用，此时DOM还未创建。mounted表示组件已挂载到DOM并可见。methods用于定义事件处理函数。watch用于监听数据变化并执行相应操作。computed则用于计算属性，依赖其他属性并自动更新。
created：html加载完成之前，执行。执行顺序：父组件-子组件
mounted：html加载完成后执行。执行顺序：子组件-父组件
methods：事件方法执行
watch：watch是去监听一个值的变化，然后执行相对应的函数。
computed：computed是计算属性，也就是依赖其它的属性计算所得出最后的值
created：
（在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。—官方贴的）
mounted：
（el 被新创建的vm.$el替换，并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素，当 mounted 被调用时vm.$el也在文档内。—官方贴的）
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
