Vue 와 Angular 는 모두 사용해 본 적이 있으며, 이 두 가지 프레임워크로 웹사이트를 개발해 왔으며, 현재는 여전히 온라인으로 운영되고 있다.
먼저 다음과 같은 논의를 명확히 해야 합니다.
정보
Vue.js 는 2., Angular 는 2.0~8.0
을 의미합니다Vue
Vue 는 국내에서 인기가 많아 크고 작은 회사들이 프런트 엔드 앱을 개발하고 있다. 저자 유우계 동지는 디자인 초기부터 vue 를 쉽게 배우고, 빨리 시작하며, 학습 곡선이 완만하기 때문이다. 그래서 많은 프런트 엔드 개발자들의 사랑을 받고 있다. 그것은 점진적 프레임 워크입니다. 일반적으로 웹 앱을 개발하는 데 사용됩니다. 처음에는 작습니다. 개발이 진행됨에 따라 기능이 증가함에 따라 프로젝트 복잡성이 서서히 증가합니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언) 따라서 vue 는 작은 프런트 엔드 어플리케이션에 적합하며, 작은 프런트 엔드 애플리케이션 구조는 간단하고 기능은 적습니다.
그러나 프로젝트에 더 많은 기능을 추가하면 vue 는 HTTPAPI 의 프런트 엔드 axios 와 같은 라우팅 패키지 vue-router 와 같은 다른 패키지를 설치하도록 요청합니다. (백엔드 서버에 액세스하는 이 API 를 사용하여 백엔드에 데이터를 전달하거나 백엔드 서버에 액세스하여 데이터를 얻습니다.) 이 과정은 "점진적" 입니다.
Vue 의 문법을 다시 한 번 말하다. 그 제어 모듈 controller 에서는 구문이 비교적 간결하고, 버전 2.0 은 Javascript 구문을 사용했고, 지난해 11 월 발표된 3.0 은 TypeScript 를 사용했다. 뷰 모듈 View 에서는 일부 구문을 html 과 결합하여 최종 HTML 코드를 동적으로 생성합니다. 예:
Lt; H1gt；; {{title}} lt; /h1gt;
JS 코드에서 이 title 변수를 정의하고 값을 지정하면 최종 HTML 코드에서 이 중괄호와 title 위치가 title 변수의 실제 값으로 대체됩니다.
또한 vue 를 사용하여 개발할 때 각각 *
. vue 파일은 HTML 코드, CSS 코드, JS 코드를 포함하는 모델 모델인 model 입니다. 이런 디자인은 매우 치밀해서 프로젝트 파일 수가 비교적 적을 것이다. 하지만 코드를 많이 쓰면 vue 파일이 길어집니다. 저는 개인적으로 매우 고통스러워합니다. 창문을 계속 끌고 마우스 휠을 누르세요. 하하. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 코드명언)
자, vue 는 먼저 여기에 대해 이야기하고, 다음으로 Angular
에 대해 이야기하겠습니다.Angular
Angular (ng) 는 구글회사 내부의 한 엔지니어가 처음 개발했는데, 초기 1.0 버전의 문법은 매우 번거롭고 쓰기가 어려웠습니다. 저는 개인적으로 프런트 엔드 프레임워크를 공부했지만 실제로는 angular1.0 부터 여러 차례 피를 토했습니다. 2.0 이 되면 ng 의 아키텍처는 MVC(model-view-controller) 를 완전히 대상으로 뷰, 컨트롤러, 모델을 완전히 분리하여 별도로 개발할 수 있습니다. Ng 의 가장 큰 특징은 고도의 통합이다. 프로젝트를 개발할 때 API 액세스, 비동기 조작 등 프런트 엔드에서 흔히 볼 수 있는 기능을 ng 에는 이미 내장되어 있어 주입에만 의존하면 된다. 예를 들면
Import{HttpClient, Http}from\"angular/core\"
Ng 는 2.0 부터 TypeScript 언어 (Microsoft 제작, OOP 스타일의 JS 로 볼 수 있어 유용하고 규범적입니다.) 각 ng 모듈은 기본적으로 *.html, *.js, *
의 세 가지 파일로 구성됩니다.. CSS.
Ng 의 뷰 파일 (html) 에서는 데이터 양방향 바인딩 (예:
) 이 사용됩니다Lt; 입력
Type=\"text\"
Id = \ "이름 \" 필수
[(ngmodel)] = \ "제목 \"
Name=\"name\"
Gt;
이 title 변수는 js 파일의 title 변수와 양방향으로 바인딩됩니다. 페이지의 입력 상자에서 title 을 수정하든 js 프로그램을 통해 title 을 수정하든, 이 변수의 title 값을 변경할 수 있습니다. 표시되는 효과는 입력 상자의 내용이 변경되었다는 것입니다.
Angular 의 학습 곡선은 가파르고 국내에서는 거의 사용되지 않는다. 하지만 저는 미국의 형제들과 함께 웹 앱을 개발해 왔으며, 그들의 입만 열면 Angular4. 를 사용했습니다. 마침 나도 주눅이 들지 않았다. Ng 는 외국에서 비교적 많이 쓰이며, 여러 사람이 공동으로 규모가 큰 프로젝트를 개발하는 데 적합하다.
보충
저는 학생들과 자주 대화를 나누는데, 몇몇 교육기관에 가서 알아보고 나면, 프론트 코스에도 vue 와 angular 가 있다고 합니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 공부명언) 하지만 교수님의 안젤라가 모두
라는 것을 알게 되었습니다Angular.js, 이렇게 쓰면 angular1.0 을 의미합니다. 지금은 이미 시대에 뒤떨어졌다. 따라서 자습을 하거나 교육 기관에 가입하기 위해 질문을 하는 것이라면, 시간을 낭비하지 말고 눈을 번쩍 뜨여라. (윌리엄 셰익스피어, 햄릿, 공부명언)
만약 당신이 질문을 하는 목적은 구직을 가서 프런트 엔드 개발에 종사하는 것이라면, 국내에서는 어쩔 수 없다. Vue 는 반드시 장악해야 한다. Angular 는 무시할 수 있다.
또한, 현재의 프런트 엔드 프레임 강과 호수의 3 분의 1 세계 상황을 잊지 마세요, 도로에는 또 다른 프레임 워크가 있습니다, 페이스 북의 생산, 똑같이 유명한 레이컷, 관심과 에너지, 또한 이해할 수 있습니다.
마지막으로, 당신의 질문으로 돌아가면 어떤 것이 쉽게 배울 수 있습니까? Vue 입니다. 어느 것이 좋습니까? 나는 개인적으로 그것들이 막상막하이고, 모두 생산 환경에서 믿을 만한 틀이라고 생각하는데, 모두 너를 실망시키지 않을 것이다.