在使用Vue的过程中,经常需要给一些数据做初始化处理,常用的方法是在created与mounted钩子函数中处理。
created是在实例创建完成后立即调用。在这一步,实例已完成以了数据观测、属性和方法的运算,以及watch/event事件回调。然而,挂载阶段还没开始,$el属性目前不可见。所以不能操作DOM元素,多用于初始化一些数据或方法。
mounted是在模板渲染成HTML后调用,通常是初始化页面完成后,再对HTML的DOM节点进行一些需要的操作。
【例3.8】created与mounted函数的应用(源代码\ch03\3.8.html)。
在谷歌浏览器中运行程序,效果如图3-10所示,单击“确定”按钮,页面加载完成效果如图3-11所示。
图3-10 页面效果
图3-11 单击“确定”按钮后效果