- Vue.js 3.0从入门到精通(视频教学版)
- 李小威编著
- 261字
- 2025-02-18 02:07:02
4.4.2 created和mouted
在使用Vue的过程中,经常需要对一些数据做初始化处理,常用的方法是在created与mounted钩子函数中处理。
created是在实例创建完成后立即调用。在这一步,实例已完成了数据观测、属性和方法的运算,以及watch/event事件回调。然而,挂载阶段还没开始,$el属性目前不可见。所以不能操作DOM元素,多用于初始化一些数据或方法。
mounted是在模板渲染成HTML后调用,通常是初始化页面完成后,再对HTML的DOM节点进行一些需要的操作。
【例4.9】created与mounted函数的应用(源代码\ch04\4.9.html)。

在浏览器中运行程序,效果如图4-11所示,单击“确定”按钮,页面加载完成效果如图4-12所示。

图4-11 页面效果

图4-12 单击“确定”按钮后效果