vue为什么进入和刷新时候都会闪烁才出现内容

Question

问题1：Tab切换的按钮，默认是 active，可是进入页面和刷新页面，样式会闪一下才出现，加了 v-cloak 也还是闪，强制样式也加了，那个好像只对 {{}} 有效不会出现 {{}}，并不能解决闪烁问题。

<span :class="{active:currentTab == 11}" @click="toggleTab('AA')">AA</span>
<span :class="{active:currentTab == 22}" @click="toggleTab('BB')">BB</span>

<script type="text/javascript">
	var vm = new Vue({
		el: '#app',
		data() {
			return {
				currentTab: 'AA'
			}
		},
		methods: {
			toggleTab:function(tab) {
				this.currentTab = tab;
			},
		}
	});
</script>

 

问题2：还有就是弄导航的时候 v-for 循环出来的 {{}} 的文本内容，也是闪一下才出现。网上找了很久没解决方案，有没大神解答一下，万分感谢！

 

 

 

Answer 1

换一种样式判定的方式，可能你现在的样式判定方式编译器在解析的时候耗时较长。

第二问题你把源码粘一下