javascript - vue的ready方法里面的代码执行顺序问题(有对比演示)

Question

• 需要很简单, 在页面加载完成时, 两个p的left值都+10px

• 不用vue的实现很简单, 没有问题, 演示:http://runjs.cn/code/otrfy2qy

• 用vue的实现就有问题了, 在ready方法里面的代码和上面是一样的, 可是两个p的left值都设置成10px, 跟代码执行错误一样, 详见:http://runjs.cn/detail/idrn5np8

补充1: 发现在methods里面定义一个方法, 然后在ready里面执行这个方法, 就没有问题.

补充2: 点击查看源码按钮, 就能看到里面的错误效果

Answer 1

谢邀，总感觉这样做，是吧vue和angular用出了新高度。