vue1.0과 2.0의 차이점은 무엇입니까

Vue.js는 데이터 기반 웹 인터페이스를 구축하기 위한 진보적인 프레임워크입니다. Vue.js의 목표는 가능한 가장 간단한 API를 사용하여 반응형 데이터 바인딩 및 구성된 뷰 구성 요소를 활성화하는 것입니다. 시작하기 쉬울 뿐만 아니라 타사 라이브러리나 기존 프로젝트와도 쉽게 통합할 수 있습니다. 그렇다면 1.0과 2.0의 차이점은 무엇일까요? 살펴 보겠습니다.

1. 라이프 사이클

1, 1.0의 라이프 사이클:

Cycle	설명
init	컴포넌트가 방금 생성되었지만 데이터, 메소드 및 기타 속성이 아직 계산되지 않았습니다
created	컴포넌트 생성이 완료되었지만 DOM이 아직 생성되지 않았습니다
beforeCompile	템플릿 컴파일 전
compiled	템플릿 컴파일 후
ready	컴포넌트 준비(보통 더 많이 사용)
attached	vm.$el이 DOM에 삽입될 때 호출
detached	vm.$el이 삭제될 때 호출 DOM에서
beforeDestory	컴포넌트가 파괴되기 전
destoryed	컴포넌트가 파괴된 후

2, 2.0 수명 주기

cycle	설명
beforeCreate	컴포넌트가 생성되었지만 Data, 메소드 및 기타 속성이 아직 계산되지 않았습니다.
created	컴포넌트 생성이 완료되었지만 DOM이 아직 생성되지 않았습니다.
beforeMount	템플릿 컴파일 전
마운트	템플릿 컴파일 후 컴포넌트 준비
beforeUpdate	컴포넌트 업데이트 전(데이터 등이 변경된 경우)
업데이트됨	After 구성요소 업데이트(데이터 등이 변경될 때)
activated	for keep-alive, 호출됨 구성 요소가 활성화될 때 호출됨
deactivated	for keep-alive, 호출됨 when the 구성 요소가 제거될 때
beforeDestory	컴포넌트가 소멸되기 전
destoryed	컴포넌트가 소멸된 후

2.0 수명 주기 변경이 더 의미 있게 느껴집니다(찾을 규칙이 있고 기억하기 쉬움). 그리고 beforeUpdate, 업데이트, 활성화, 비활성화된 항목이 추가되고, 첨부된 항목과 분리된 항목이 삭제됩니다.

Two: Filters

2.0에서는 1.0에 포함된 필터를 모두 삭제했습니다. 즉, 2.0에서는 필터를 사용하려면 직접 작성해야 합니다. 다음은 사용자 정의 필터 예입니다.

Three: Loop

정수 루프의 경우 1.0의 정수 루프는 0에서 시작하고, 2.0의 정수 루프는 1에서 시작합니다. 아래 비교:

Vue.filter('toDou',function(n,a,b){
    return n<10?n+a+b:&#39;&#39;+n;
});

Fragment code

2.0에서는 코드 조각을 루트 요소(예: div)로 래핑해야 합니다. 그렇지 않으면 오류가 보고됩니다.

//HTML代码<ul id=&#39;box&#39;>
    <li v-for=&#39;val in 5&#39; v-text=&#39;val&#39;></li></ul>

위 내용은 일부 변경 사항만 나열한 것입니다. 일반적으로 vue 2.0으로 업그레이드할 때 변경 사항은 그리 크지 않습니다. 구덩이를 통과한 후 추가될 몇 가지 새로운 변경 사항이 있습니다.

위 내용은 vue1.0과 2.0의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!