vue.js에는 몇 개의 후크 기능이 있나요?

vue.js에는 다음과 같은 8가지 후크 기능이 있습니다. 1. beforeCreate는 생성 후 사용됩니다. 3. beforeMount는 마운트 전에 사용됩니다. 5. beforeDestroy는 다음과 같습니다. 파괴되기 전에 사용됩니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, Vue 버전 2.9.6 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

vue.js에는 다음과 같은 8개의 후크 함수가 있습니다.

1. beforeCreate: 생성 전

1. 현재 vue가 인스턴스화되면 이 수명 주기 함수에서 초기화 작업이 수행됩니다. 초기 로딩

2. 데이터에 포함된 속성은 현재 함수에서는 접근할 수 없으나, vue의 인스턴스 객체를 통해서는 접근할 수 있습니다

2. 생성: 생성 후

1. beforeCreate가 실행된 후 실행됩니다. 현재 함수에서 데이터의 속성에 액세스할 수 있습니다

2. 현재 라이프 사이클 함수가 실행되면 데이터의 모든 속성과 메서드의 모든 메서드가 동시에 vue 인스턴스에 추가됩니다.

데이터의 모든 속성에 getter/setter 메서드를 추가할 예정입니다.

3. 프런트 엔드와 백 엔드에서 데이터 상호 작용을 수행해야 하는 경우(Ajax 요청 시) 현재 라이프 사이클에서 이를 사용해야 합니다

3. beforeMount: 마운트 전

(렌더링)函 렌더링 기능이 먼저 호출됩니다.& gt; 데이터와 템플릿이 템플릿과 결합되지 않으며 동시에 HTML 페이지에 렌더링되지 않습니다. 1. 데이터와 템플릿이 결합되어 실제 DOM 구조를 렌더링합니다.

2. 현재 라이프 사이클 함수에서 실제 DOM 구조에 액세스할 수 있습니다.

3. Vue에서는 $ Refs를 통해 vue에 액세스할 수 있습니다. 실제 DOM 구조

4. ref 값은 id와 같이 고유해야 합니다. 액세스할 때 this.$refs 속성을 사용할 수 있습니다.

5. beforeDestroy: before destroy

DOM 구조 및 관련 데이터(DATA)

이 수명주기 함수에서는 바인딩 이벤트를 제거하여 제거할 수 있습니다.

6, 파괴됨: 파괴 후 관계 연결 끊김(사용자가 수행하는 작업이 아님)

이 수명주기 함수에서는 여전히

데이터의 속성은 있지만 실제 DOM 구조에 액세스할 수 없습니다. 의 속성이 변경된 경우 이 라이프 사이클이 실행되고 렌더링 기능이 다시 실행됩니다.

                이 라이프 사이클 함수에서 데이터와 동시에 최신 DOM 구조 및 데이터에 액세스할 수 있습니다

8. 업데이트: 업데이트 후

현재 라이프 사이클 함수에서 최신 DOM 구조(데이터 업데이트 후 최신 DOM 구조)에 액세스할 수 있습니다. ) 및 데이터

관련 학습 추천:

javaScript 비디오 튜토리얼

위 내용은 vue.js에는 몇 개의 후크 기능이 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!