>  기사  >  웹 프론트엔드  >  Vue 페이지에 데이터를 바인딩할 때 페이지를 렌더링할 때 페이지가 깜박이는 이유

Vue 페이지에 데이터를 바인딩할 때 페이지를 렌더링할 때 페이지가 깜박이는 이유

不言
不言원래의
2018-07-14 17:43:472978검색

이 글에서는 vue 페이지에 데이터를 바인딩할 때 페이지가 깜박이는 이유를 주로 소개합니다. 이제 특정 참조 값이 있으므로 이를 참조할 수 있습니다.

<style  type="text/css">
	[v-cloak] {
		display: none;
	}
</style>
<p id="app" v-cloak>
	<h1>{{message}}</h1>
	<h1>{{name}}</h1>
</p>

이유는 다음과 같습니다. JavaScript로 인해 DOM을 작동하려면 DOM이 로드(DOM 준비)될 때까지 기다려야 합니다. vuejs 및 anglejs의 경우 DOM이 준비된 후 다시 html 보기 템플릿을 구문 분석합니다.

위 내용은 모두의 학습에 도움이 되기를 바랍니다. PHP 중국어 웹사이트를 주목하세요!

관련 권장사항:

js의 함수 선언 및 함수 표현식 분석

vue에서 요소 양식 유효성 검사를 사용하는 방법

위 내용은 Vue 페이지에 데이터를 바인딩할 때 페이지를 렌더링할 때 페이지가 깜박이는 이유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.