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　单击“确定”按钮后效果