购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

3.4.2 created和mouted

在使用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 单击“确定”按钮后效果 dS7Wuh+V3/nAj4P2P+4i5niQNUSy68R2+PNGuma9So3Q5LHfUN3WLl3FclebXqm3

点击中间区域
呼出菜单
上一章
目录
下一章
×