Vue 내장 명령어의 구성요소는 무엇인가요?

16개의 내장 명령이 있습니다: v-text, v-html, v-show, v-if, v-else, v-else-if, v-for, v-on, v-bind, v- model, v-slot, v-pre, v-cloak, v-once, v-memo, v-is는 3.2의 새로운 기능이고 v-is는 3.1.0에서 폐기되었습니다. v-show는 요소의 표시 및 숨기기를 제어하는 ​​데 사용되며, v-if는 표현식의 참 또는 거짓 값을 기반으로 요소를 조건부로 렌더링하는 데 사용됩니다.

이 튜토리얼의 운영 환경: windows7 시스템, vue3 버전, DELL G3 컴퓨터.

1. Vue 명령이란 무엇입니까? Vue에서 명령은 실제로 특별한 속성입니다.

Vue는 명령에 따라 뒤에서 무언가를 수행합니다. . 작업, 자세한 내용은 나중에 이야기하겠습니다

명령어의 특징은 무엇인가요?

Vue 명령의 분명한 특징은 모두 v-로 시작한다는 것입니다. 예: v- text

<span v-text="msg"></span>

2. 내장 명령

2.1 Vue에 내장된 명령은 무엇인가요?

내장 명령은 Vue 자체 명령을 참조하며 즉시 사용할 수 있습니다

Vue에는 다음을 포함하여 총 16개의 내장 명령이 있습니다:

v-text , v-html, v-show, v-if, v-else, v-else-if, v-for, v-on, v-bind, v-model, v-slot, v-pre, v-cloak , v-once, v-memo, v-is 중 v-memo는 3.2에서 새로운 기능이고, v-is는 3.1에서 폐기되었습니다. 0

이 내장 명령어의 기본 사용법을 알아봅시다

2.2 16가지 내장 명령어의 기본 사용법을 이해하세요

2.2.1 v-text

v-text의 역할 예를 들어, 요소의 textContent를 업데이트하는 것입니다.

<h1 v-text="msg"></h1>

h1 요소의 내용은 궁극적으로 msg에 따라 달라집니다. 값

2.2.2 v-html

은 v-text와 매우 유사합니다. v-html이

<div v-html="&#39;<h1>Hello LBJ</h1>&#39;"></div>

와 같은 요소의 innerHTML을 업데이트하는 데 사용된다는 점을 제외하면 내부 콘텐츠는 일반 HTML로 삽입되어야 합니다.

2.2.3 v-show

v -show는 요소의 표시 및 숨기기를 제어하기 위해 표현식의 true 및 false 값에 따라 요소의 표시 값을 전환할 수 있습니다. 예:

보시다시피, 조건이 변경되면 이 명령은 참고: v-show는

v-if는 요소를 조건부로 렌더링하는 데 사용됩니다. 표현식의 참 또는 거짓 값에 따라

v-show와 비교했을 때 v-if는 단순히 표시하고 숨기는 것이 아니라 전환 시 요소를 파괴하거나 재구성하는 것입니다

표현식이 다음과 같을 때 알 수 있습니다. false, v-if는 요소를 직접 파괴하는 반면 v-show는 시각적으로 숨깁니다

그리고 v-if는

위 내용은 Vue 내장 명령어의 구성요소는 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!