vue의 라이프사이클 단계는 무엇입니까?

Vue의 선언 주기는 1. 인스턴스 생성 전 3. 인스턴스 로딩 ​​전 5. 인스턴스 업데이트 전 7. 인스턴스가 삭제되기 전 8. 인스턴스가 삭제된 후.

이 기사의 운영 환경: Windows 10 시스템, Vue 버전 2.9.6, DELL G3 컴퓨터.

Vue 라이프사이클의 단계는 무엇입니까?

각 Vue 인스턴스는 생성될 때 일련의 초기화 프로세스를 거칩니다. Vue 라이프사이클 후크는 특정 단계 또는 조건에 도달할 때 트리거되는 기능입니다. 목적은 일부 작업 또는 이벤트를 완료하는 것입니다

• create 단계: vue 인스턴스가 생성됩니다create阶段：vue实例被创建

beforeCreate: 创建前，此时data和methods中的数据都还没有初始化

created： 创建完毕，data中有值，未挂载

• mount阶段： vue实例被挂载到真实DOM节点

beforeMount：可以发起服务端请求，去数据

mounted: 此时可以操作DOM

• update阶段：当vue实例里面的data数据变化时，触发组件的重新渲染

beforeUpdate :更新前

updated：更新后

• destroy阶段：vue实例被销毁

beforeDestroy：实例被销毁前，此时可以手动销毁一些方法

destroyed

beforeCreate: 생성 전, 현재 데이터 및 메소드의 데이터는 아직 초기화되지 않았습니다

created: 생성됨, 데이터에 값이 있지만 마운트되지 않음

mount 단계 : vue 인스턴스는 실제 DOM 노드에 마운트됩니다

beforeMount: 서버 요청을 시작하여 데이터

마운트를 제거할 수 있습니다. 이 시점에서 DOM을 조작할 수 있습니다

update 단계: vue 인스턴스의 데이터가 변경되면 구성 요소의 다시 렌더링이 트리거됩니다

beforeUpdate : 업데이트 전

업데이트됨: 업데이트 후

🎜🎜destroy 단계: vue 인스턴스가 파괴됩니다🎜 ul>🎜beforeDestroy: 인스턴스가 파기되기 전, 이때 일부 메소드를 수동으로 파기할 수 있습니다🎜🎜destroyed: 파기 후🎜🎜🎜구성 요소 수명 주기🎜🎜🎜 라이프 사이클(상위-하위 구성요소) 상위 구성요소 beforeCreate --> 상위 구성요소 beforeMount --> 하위 구성요소 beforeCreate --> 하위 구성요소 마운트됨 --> 상위 구성요소 beforeUpdate --> 하위 구성요소 삭제됨 --> 상위 구성요소가 업데이트됨🎜🎜부모 생성됨 -> 부모 beforeMount-> 자식 beforeCreate-> 자식 beforeMount-> 자식 마운트->부모 마운트🎜🎜마운트 단계 부모 생성->하위 마운트->부모 Mounted🎜🎜상위 구성요소 업데이트 단계 상위 beforeUpdate->상위 업데이트됨🎜🎜하위 구성요소 업데이트 단계 상위 beforeUpdate ->하위 beforeUpdate->하위 업데이트->상위 업데이트🎜🎜파괴 단계 상위 beforeDestroy->하위 beforeDestroy-> ;자식 파괴->부모 파괴🎜🎜[관련 추천: "🎜vue.js tutorial🎜" 】🎜

위 내용은 vue의 라이프사이클 단계는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!