Vue删除创建的实时循环钩子中的DOM节点以初始化组件

时间:2018-01-02 16:36:28

标签: javascript vue.js

我目前正在尝试了解为什么this示例无法正常工作。所以我想要实现的是使用DOM中存在的服务器端呈现的HTML初始化我的ContentView。因此,我打算检查是否存在init__main-content,然后使用innerHTML初始化组件。之后我只是尝试删除初始节点,但这不起作用,我最终得到了两次显示的内容。

必须有一些vue"魔法"我不知道,可以请某人解释这种行为吗?

1 个答案:

答案 0 :(得分:1)

我猜您的代码存在问题,因为您正在使用created挂钩,您可以使用mounted挂钩。

所以mounting vue确实完成了dom的所有魔法,现在您的更改可以保留在dom中。

如果您使用created,则vue可能正在使用该内部html作为模板,并将其重写为dom,认为在创建实例时,之前的html与当前的html不匹配。因为你已经删除了那个元素。所以它会尝试使其正确并再次添加以前的HTML以维持virtual-domreal-dom更改。

如果您使用mounted挂钩,您的应用程序正常运行。