解决vue页面加载时未解析完代码之前出现的源码问题

解决vue页面加载时未解析完代码之前出现的源码问题

使用插值的方式插入文本会造成页面解析完成之前闪烁出现源代码的问题。

可以用v-text代替,如果一定要用插值的方式则需要使用v-cloak指令。

使用 v-cloak 指令可以隐藏vue页面解析代码之前出现源码的问题。

1
2
3
4
5
6
7
<template v-cloak>{{msg}}</template>

<style>
[v-cloak] {
display: none;
}
</style>

评论