使用vue遇到的相关问题
1.Vue页面加载时Mustache
标签尚未编译时导致页面闪烁问题
解决方法1:
使用v-cloak
1
2
3[v-cloak] {
display: none;
}
1 | <div v-cloak> |
详见这里
解决方法2:
使用v-text
1
2
3<span v-text="msg"></span>
<!-- same as -->
<span>{{msg}}</span>
2.判断Vue页面运行环境
如果使用vue.js则表示使用开发环境如果使用vue.min.js则表示生产环境
在开发环境下devtools默认开启,在生产环境下则devtools默认关闭
在页面就可以使用Vue.config.devtools
的值进行判断。1
Vue.config.devtools = true