文章目录

1. 1. 1.Vue页面加载时Mustache标签尚未编译时导致页面闪烁问题
2. 2. 2.判断Vue页面运行环境

1.Vue页面加载时Mustache标签尚未编译时导致页面闪烁问题

解决方法1：
使用v-cloak

[v-cloak] {
  display: none;
}

<div v-cloak>
  {{ message }}
</div>

详见这里
解决方法2：
使用v-text

<span v-text="msg"></span>
<!-- same as -->
<span>{{msg}}</span>

详见这里

2.判断Vue页面运行环境

如果使用vue.js则表示使用开发环境如果使用vue.min.js则表示生产环境
在开发环境下devtools默认开启，在生产环境下则devtools默认关闭
在页面就可以使用Vue.config.devtools的值进行判断。

Vue.config.devtools = true

详见这里