> 웹 프론트엔드 > JS 튜토리얼 > vue의 함수 호출 순서에 대한 자세한 설명

vue의 함수 호출 순서에 대한 자세한 설명

小云云
풀어 주다: 2018-03-19 10:51:36
원래의
2346명이 탐색했습니다.

이 글은 주로 Vue의 함수 호출 순서에 대한 소개를 공유하며 좋은 참조 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다. 편집자를 따라가서 모두에게 도움이 되기를 바랍니다. 메소드는 메소드를 정의하는 데 사용됩니다. 예를 들어 @click="test"인 경우 메소드는 테스트 메소드를 정의합니다.

created 및 Ready는 모두 Vue 구성 요소의 수명 주기입니다.

created

Type: Function

Details:

은 인스턴스가 생성된 후 동기적으로 호출됩니다. 이 시점에서 인스턴스는 옵션 구문 분석을 완료했습니다. 이는 데이터 바인딩, 계산된 속성, 메서드, 감시자/이벤트 콜백이 설정되었음을 의미합니다. 그러나 DOM 컴파일은 아직 시작되지 않았으며 $el은 아직 존재하지 않습니다.

ready

유형: 함수

세부 정보:

첫 번째 연결 후크 이후와 같이 편집이 끝나고 문서를 처음 삽입한 후에 호출됩니다. Vue 삽입에 의해 트리거되어야 합니다(예를 들어, 첫 번째 연결된 후크 이후와 같이 vm.el이 처음으로 문서를 삽입한 후에 호출됩니다. Vue 삽입에 의해 트리거되어야 합니다(예: vm .appendTo() 및 기타 메소드 또는 지침 업데이트)) 준비된 후크입니다.

compted는


computed:{ 
b:function(){ 
return this.a+1 
} 
}
로그인 후 복사

와 같은 계산된 속성입니다. 그런 다음 b의 값은 항상 값과 동일합니다. of a + 1. a 값이 수정되면

vue로 변경됩니다. ajax 라이브러리는 일반적으로 단일 페이지가 아닌 응용 프로그램이 단일인 경우 데이터를 얻을 수 있습니다. -페이지 애플리케이션,


route: { 
data: function (transition) { 
//数据获取,修改data 
transition.next() 
} 
}
로그인 후 복사

과 같은 라우팅 수명 주기에 따라 가져옵니다. 관련 권장 사항:

php 재귀 함수 호출 JavaScript에서 익명 함수를 호출하는 방법을 설명

위 내용은 vue의 함수 호출 순서에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿