간단한 Vue.js 지침 요약

이 기사에 소개된 내용은 특정 참조 값이 있는 몇 가지 간단한 Vue.js 지침을 요약한 것입니다. 이제 모든 사람과 공유할 수 있습니다. 페이지 데이터는 데이터 안의 데이터입니다.

템플릿 지침: 모듈의 콘텐츠 제어

v-text(요소의 텍스트 콘텐츠 제어)

<p id="app">{{message}}</p>

v-html(모듈의 콘텐츠 제어) 내부 구조를 포함한 요소)

eg： <p  v-text="a"></p>   --> a 是data中的a

제어 모듈 숨김

v-if

eg:<p v-html="a"></p>

v-show

 eg:<p v-if="isShow"></p>    -->isShow的值是布尔值，true：显示， false，隐藏

렌더링 루프 목록 v-for

eg:<p v-if="isShow"></p>    -->isShow的值是布尔值，true：显示， false，隐藏

이벤트 바인딩 v-on

reee

관련 권장 사항:

사용법 및 Vue의 예. Node.js 사용자 정의 지침

Vue.js 시작하기 - 내장 지침 v-html

Vue.js 지식 요약—— Commands

vue.js 사용에 대한 참고 사항

위 내용은 간단한 Vue.js 지침 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!