vue 페이지 불러올 때 괄호 보이기 방지 해결 작업
<style>
[v-cloak]{
display:none
}
</style>v-cloak
단일 레이블에 v-text 사용
라벨이 있는 처리에 v-html 사용
보충 지식: vue 괄호 데이터 귀속이 성공하지 못한 문제
나는 쓸데없는 말을 더 이상 하지 않겠다. 모두들 사례를 직접 보아라~
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script><!-- vue-->
<script src="js/main.js" type="text/javascript" charset="utf-8"></script><!-- main-->
<body>
<div id="app">
<p>{{message}}</p>
</div>
</body>
</html>
var app=new Vue({
el:'#app',
data:{
message:'hhh'
}
}){{message}}
vue.js와 자신이 쓴 js는 모두 머리에 인용되어 이상적인 메시지 메시지가 나타나지 않습니다.
도입 순서 변경:
먼저 vue를 도입하다.js―html 내용을 다시 쓰다―마지막으로 자신이 쓴 js 코드를 도입한다.성공!원인은 아직 알 수 없으니 나중에 구덩이를 메우고...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
<body>
<div id="app">
<p>{{message}}</p>
</div>
</body>
<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
</html>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
