>  기사  >  웹 프론트엔드  >  vue의 함수 호출 순서 소개

vue의 함수 호출 순서 소개

亚连
亚连원래의
2018-05-29 16:24:061616검색

이제 Vue의 함수 호출 순서에 대해 소개하겠습니다. 이는 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

method는 메소드를 정의하는 데 사용됩니다. 예를 들어 @click="test"인 경우 메소드는 test

created 및 Ready 메소드를 정의하는 vue 구성 요소

created

의 수명 주기입니다.

유형: 함수

세부 정보:

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

ready

유형: 함수

세부 정보:

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

compted는

computed:{ 
b:function(){ 
return this.a+1 
} 
}

와 같은 계산된 속성입니다. 그런 다음 b 값은 항상 a + 값과 같습니다. 1. a 값이 수정되면 값도 변경됩니다.

Vue의 ajax 라이브러리 권장 사항 vue-resource를 사용하면 일반적으로 단일 페이지가 아닌 애플리케이션도 데이터를 즉시 얻을 수 있습니다. 예를 들어

route: { 
data: function (transition) { 
//数据获取,修改data 
transition.next() 
} 
}

위 내용은 나중에 도움이 되길 바랍니다.

이메일 주소 형식 확인 JavaScript

자바스크립트 성능 최적화를 위한 시간 공유 기능 소개

Vue 사용자 정의 동적 구성 요소 예제에 대한 자세한 설명

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.