使用$ref绑div节点获取样式改变的初始化样式相关注意事项

一.根据需求要实现的效果如下：

每个权益对应相应进入效果，点击其它权益圈后改变

二，在这里我使用了$ref绑到对应的div上，然后对其样式进行控制改变，但是进入页面时总显示$ref的changeStyle未定义，后来我查看了生命周期，我在created的时候调用肯定是不行的，因为那时候Dom还没完全生成，后来仔细查看后发现在mounted后系欸但和页面就已经渲染完成了，参考文章如下：

虽然我也很疑惑为什么在mounted的时候页面都已经渲染完成了但是为什么还是不饿能够通过ref绑定到节点样式，但是经过思考和尝试，我找到了updated,把绑定节点的样式放在这里进行改变就能够正确的初始化页面效果样式，前提是用了一个this.ChangeStyleOut进行if判断，不然每次数据更新都会执行updated里的效果。仅此记录，以后有时间发现为什么在MOUNTED里不生效后我会继续更新记录的，也期待广大网神们留言指教呦！