Javascript Vue在创建的live cycle挂钩中删除DOM节点以初始化组件

我目前正试图理解为什么这个例子不能像预期的那样工作。因此，我试图实现的是使用DOM中存在的服务器端呈现的HTML初始化ContentView。因此，我打算检查init_uumain-content是否存在，然后用innerHTML初始化组件。之后，我只是尝试删除初始节点，但这不起作用，结果显示了两次内容

---

一定有一些我不知道的vue魔法，请有人解释一下这种行为吗？

我想你的代码中有问题，因为你使用的是创建的钩子，而不是挂载的钩子

因此，在安装vue之后，它确实完成了对dom的所有魔法，现在您的更改可以持久保存到dom中

如果您使用created，那么vue可能会使用该内部html作为模板，并将其重写为dom，认为在创建实例时，以前的html与当前html不匹配。因为您已经删除了该元素。因此，它将尝试使其正确，并再次添加以前的html，以维护虚拟dom和真实dom更改

如果您使用挂载钩子，那么您的应用程序运行良好，请尝试