<!-- 渲染 partial，id === vm.partialId -->
<partial v-bind:name="partialId"></partial>
要解决多个条件的问题，我们就可以为每种情况预先注册好各自的partial，然后将partial的name属性绑定到判断条件，这样就能实现多个条件判断。
其他：
1.v-if指令可以应用于template包装元素上，而v-show不支持templete
2.将v-show应用在组件上时，因为指令的优先级 v-else 会出现问题，解决办法就是用另一个 v-show 替换 v-else
官方给出的示例如下：
// 错误
<custom-component v-show="condition"></custom-component>
<p v-else>这可能也是一个组件</p>
// 正确做法
<custom-component v-show="condition"></custom-component>
<p v-show="!condition">这可能也是一个组件</p>Vue页面加载时v-show设置的隐藏元素出现导致页面闪烁问题
在写APP社区页面的时候在一些地方用了v-show，在刷新页面的时候就发现即便在逻辑判断为false某些元素不该显示时也会露个脸，一闪而过，元素快小还好，如果是特别大的地方就看起来就很不爽，于是就上网搜了下看有没有解决方法，结果还真有。
方法一: v-cloak
官方的解释就一句话：这个指令保持在元素上直到关联实例结束编译。
光看这句话一头雾水，后面紧接着说了用法：
和 CSS 规则如
[v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。也就是说v-cloak指令可以像CSS选择器一样绑定一套CSS样式然后这套CSS会一直生效到实例编译结束。
示例代码：
// <div> 不会显示，直到编译结束。
[v-cloak] {
display: none;
}
<div v-cloak>
{{ message }}
</div> 方法二: v-text
vue中我们会将数据包在两个大括号中，然后放到HTML里，但是在vue内部，所有的双括号会被编译成textNode的一个v-text指令。
而使用v-text的好处就是永远更好的性能，更重要的是可以避免FOUC (Flash of Uncompiled Content) ，也就是上面与遇到的问题。
示例代码：
<span v-text="msg"></span>
<!-- same as -->
<span>{{msg}}</span> 总结
以上所述是小编给大家介绍的vue渲染时闪烁{{}}的问题及解决方法 ，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
