Vue 사용을 해결합니다.js가 데이터를 표시할 때 원본 코드가 표시됩니다

1220 단어 JS-Vue.js
오늘부터 Vue를 배워요.js의 사용, 그러나 학습 과정에서 발견된 문제는 바로 페이지에 데이터를 불러올 때 원본 코드가 깜빡이는 것이다.각 분야의 자료를 조사하여 최종적인 해결 방법.
첫 번째 단계, css 코드 추가

 
2단계,view에서 css 모듈 인용

{{message}}

{{name}}


주의, 어떤 글은 구체적인 데이터 부분에 v-cloak을 넣는다고 말하지만, 이렇게 하면 너무 번거롭고 모든 데이터 디스플레이를 추가해야 하기 때문에view 모듈에 직접 불러오면 문제를 해결할 수 있다.
세 번째 단계, js 부분은 변화가 없다
	
	var exeData = {
		message : "Hello World",
		name:"  Vue"
	};

	new Vue({
		el : "#app",
		data : exeData
	})

전체 코드는 다음과 같습니다.




Vue.js Demo



	
	

{{message}}

{{name}}

// Model var exeData = { message : "Hello World", name:" Vue" }; //View , View-Model(VM) new Vue({ el : "#app", data : exeData })

좋은 웹페이지 즐겨찾기