我目前正在尝试了解为什么this示例无法正常工作。所以我想要实现的是使用DOM中存在的服务器端呈现的HTML初始化我的ContentView
。因此,我打算检查是否存在init__main-content
,然后使用innerHTML初始化组件。之后我只是尝试删除初始节点,但这不起作用,我最终得到了两次显示的内容。
必须有一些vue"魔法"我不知道,可以请某人解释这种行为吗?
答案 0 :(得分:1)
我猜您的代码存在问题,因为您正在使用created
挂钩,您可以使用mounted
挂钩。
所以mounting
vue
确实完成了dom
的所有魔法,现在您的更改可以保留在dom中。
如果您使用created
,则vue
可能正在使用该内部html作为模板,并将其重写为dom
,认为在创建实例时,之前的html与当前的html不匹配。因为你已经删除了那个元素。所以它会尝试使其正确并再次添加以前的HTML以维持virtual-dom
和real-dom
更改。
如果您使用mounted
挂钩,您的应用程序正常运行。