vue 에서 각 옵션 및 갈고리 함수 실행 순서 상세 설명

vue 에 서 는 인 스 턴 스 옵션 과 갈고리 함수,{{}표현 식 이 수 동 으로 호출 되 지 않 아 도 바로 실 행 될 수 있 습 니 다.
vue 의 생명 주 기 는 다음 그림 과 같다.

페이지 에 처음 불 러 오 는 실행 순 서 는 다음 과 같 습 니 다.
beforeCreate//인 스 턴 스 초기 화 후 생 성 전에 실행 합 니 다.
created//인 스 턴 스 생 성 후 실행
before Mounted//마 운 트 가 시작 되 기 전에 호출 합 니 다.
filter s//마 운 트 하기 전에 필 터 를 불 러 옵 니 다.
computed//계산 속성
directives-bind//한 번 만 호출 하고 명령 이 처음 요소 에 연결 되 었 을 때 호출 합 니 다.
directives-inserted//바 인 딩 요소 가 부모 노드 에 삽입 되 었 을 때 호출 합 니 다.
activated//keek-alive 구성 요소 가 활성화 되 었 을 때 호출 되면 keep-alive 패키지 에 포 함 된 하위 구성 요소 에서 실 행 됩 니 다.
mounted//마 운 트 완료 후 호출
{{}}//bustache 표현 식 렌 더 링 페이지
페이지 input 을 수정 할 때 자동 으로 호출 되 는 옵션 순 서 는 다음 과 같 습 니 다.
watch//우선 변경 사항 을 감청 하 였 습 니 다
filers//필 터 는 이 input 요소 에 추가 되 지 않 았 으 나 호출 되 었 습 니 다.
beforeUpdate//데이터 업데이트 시 호출,가상 dom 패 치 전에 발생 합 니 다.
directived-update/명령 이 있 는 구성 요소 의 vNode 업데이트 시 호출 되 지만 하위 vNode 업데이트 전에 발생 할 수 있 습 니 다.
directives-componentUpdated//명령 이 있 는 구성 요소 의 vNode 및 하위 구성 요소 의 vNode 를 모두 업데이트 하여 호출 합 니 다.
updated//구성 요소 dom 업데이트 됨
구성 요소 가 삭 제 될 때 실행 순 서 는 다음 과 같 습 니 다.
beforeDestroy//인 스 턴 스 소각 전 호출
directives-unbind//명령 과 요 소 를 묶 을 때 호출 합 니 다.한 번 만 호출 합 니 다.
deactivated//keep-alive 구성 요소 가 정지 되 었 을 때 호출 합 니 다.
destroyed//인 스 턴 스 소각 후 호출
이상 의 vue 에서 각 옵션 과 갈고리 함수 의 집행 순 서 를 상세 하 게 설명 하 는 것 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 께 참고 가 되 고 저희 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.