vue.js 사용 시 주의할 사항: 1. 필터는 주로 간단한 텍스트 변환에 사용됩니다. 2. 계산된 방법과 방법의 차이점 3. 키 사용 5. 6. 구성요소 통신.
이 문서의 환경: windows10, vue2.9, Dell G3 컴퓨터.
(학습 영상 공유: javascript 영상 튜토리얼)
vue.js 사용 시 주의할 점은 다음과 같습니다.
1. 필터는 주로 간단한 텍스트 변환에 사용됩니다. 변환하려면 계산된 속성을 사용해야 합니다.
2. 지침 사용
v-bind는 기본적으로 id, class, href, src 등과 같은 HTML 요소의 속성에 사용됩니다.
v-on은 click, dblclick, keyup, mousemove 등과 같은 이벤트 리스너를 바인딩하는 데 사용됩니다. 이 메소드는 현재 Vue 인스턴스를 가리킵니다
v-show는 템플릿에서 사용할 수 없습니다
- v-if 및 v-show 사용 시나리오
v-if 조건이 false이면 렌더링된 요소가 컴파일되지 않습니다. v-show는 단순한 CSS 속성 스위치일 뿐이며 true/false에 관계없이 컴파일됩니다. v-if는 조건이 자주 바뀌지 않는 장면에 적합합니다. 3. 계산된 방법과 방법의 차이점은 대괄호()가 있고 계산된 내용에는 대괄호가 없습니다.
계산은 종속성 캐시를 기반으로 하며 관련 종속성이 변경될 때만 다시 검증됩니다.
메서드 다시 렌더링할 때 항상 함수가 호출되어 다시 실행됩니다.
4. 키 사용
<input key="go">
5에 key 속성을 추가해야 합니다. arrays
filter(), concat(), Slice()를 사용하면 원래 배열이 변경되지 않지만 새 배열이 반환됩니다. array
성능에 영향을 주지 않고 원래 어레이를 새 어레이로 교체합니다. Vue가 렌더링되면 DOM 요소 재사용을 시도합니다
6에서 Vue를 별도로 사용합니다. 구성요소
