vue组件mounted生命周期开发疑惑解答

对于vue组件生命周期mounted钩子函数的用法疑惑：先看几个代码块

这是页面中需要从后台获取html动态插入部分；

这是利用mounted钩子函数来设置动态添加的img标签的width;

这是动态插入部分；
按照我的思路是，cretaed拿到初始数据，deom已经动态的插入进去然后再进行渲染触发mounted钩子函数，来动态调节插入的demo的img标签的样式，无奈这样是无法做到的，mounted钩子函数触发但是却获取不到相应的demo。也许有人会说干嘛不直接设置css样式，要这么费劲干嘛，根据浏览器渲染机制，页面都是先去渲染css再去执行相关的js文件所有css样式执行完了，页面是没有相关的demo元素的。

关于解决办法如下：

将动态更改样式的js代码块直接写在动态插入的代码块后面，利用js执行机制，顺序执行就ok了。