Vue闪烁问题

最新推荐文章于 2023-08-25 14:40:55 发布

python小弟

最新推荐文章于 2023-08-25 14:40:55 发布

阅读量383

点赞数

分类专栏：前端 Vue 文章标签： Vue

本文链接：https://blog.csdn.net/qq_22528263/article/details/97392581

版权

前端同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

Vue

1 篇文章 0 订阅

订阅专栏

详解Vue闪烁问题

Vue闪烁问题的原因

当我们使用Vue发生闪烁的时候是因为Vue.js引入的时候是在插值的控件的后面。代码如下：

<body>
	<div id="app">
		<div>{{msg}}</div>
	</div>
	
	<script src="js/vue.js"></script>
	
	<script>
		var apps = new Vue({
			el: '#app',
			data: {
				msg: "hello word"
			}
		})
	</script>
</body>

此时就会产生闪烁问题，但是我们将引入Vue.js放入到渲染的控件前面的时候或者在head标签里就可以解决。不需要用v-cloak
如下

<body>
	<script src="js/vue.js"></script>
	<div id="app">
		<div>{{msg}}</div>
	</div>

	<script>
		var apps = new Vue({
			el: '#app',
			data: {
				msg: "hello word"
			}
		})
	</script>
	
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

python小弟

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue闪烁问题

详解Vue闪烁问题Vue闪烁问题的原因当我们使用Vue发生闪烁的时候是因为Vue.js引入的时候是在插值的控件的后面。代码如下：<body> <div id="app"> <div>{{msg}}</div> </div> <script src="js/vue.js"></script> ...
复制链接

扫一扫