Javascript Vue.js防止布局跳转

我有两个Vue.js组件，它们在加载内容时会导致内容被推到一边

为了解决这一问题，我创建了一些CSS规则，专门针对我的Vue组件（如so组件）的自定义HTML标记：

custom-tag {
    float: left;
    width: 150px;
    // etc.
}

此示例适用于CustomTag.vue。这将在Vue.js尚未将此自定义标记替换为相应的Vue.js组件时生效。因此，这实际上可以确保即使没有javascript，我的布局也是正确的

虽然这很有效，但这还远远不是一个完美的解决方案。我觉得Vue.js需要很长时间才能生效，即使它被缓存并放入一个只有135KB（gzip）的单独供应商文件中

---

我很难为Vue.js找到任何真正的解决方案或信息，所以我想知道其他人是如何处理这个问题的？这是javascript加载速度不够快的问题吗？

这很奇怪，但引擎在渲染之前可能需要编译很长的模板

你应该考虑模板的第一次预处理。如果在渲染之前html中有自定义标记，我猜你没有这么做。。。 如果可以，请使用。如果您来自React，您也可以找到有用的，甚至可以手动编写渲染函数（尽管不推荐）

---

但是，如果您想完全取消第一次渲染的时间，唯一的方法就是这样做。因此，您的应用程序将使用已经存在的初始html结构提供。

您可能有兴趣在加载Vue之前使用@Roy v-Clope从文档中删除花括号标记。我所说的是在加载组件之前为其设置默认值。这是完全不同的。一开始就没有可以隐藏的语法。v-Dope可以用来删除大括号标记，但你可以用它来区分加载前和加载后的标记。你能编一个提琴（可能使用setTimeout）来演示你看到的内容，并描述你希望它有什么不同的表现吗？