Vue 사용을 해결합니다.js가 데이터를 표시할 때 원본 코드가 표시됩니다
1220 단어 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
})