> 웹 프론트엔드 > JS 튜토리얼 > vue.js를 선택하는 이유

vue.js를 선택하는 이유

高洛峰
풀어 주다: 2016-11-05 09:15:51
원래의
1396명이 탐색했습니다.

몇 주 전 면접관과 js 프레임워크 선택 방법에 관해 대화를 나눴습니다. 그는 주요 제조업체들이 자신들만의 비밀 레시피를 공개하기 시작하는 것이 얼마나 흥미로운 일인지 지적했습니다. 개발자 내면의 독백: "이 대기업들이 만든 js는 나와 다르다. 그들은 훌륭하고 성공한다. 그들이 js를 구성하는 방식이 나보다 낫다? 내가 그것을 받아들여야만 하는가?" 탁월해야 하지만, 다른 사람의 열정 때문에 그것의 우월성을 가정하지 마십시오. StackOverflow의 답변을 이해하지 못한 채 복사하여 붙여넣을 수는 없는데 왜 프레임워크를 복사하여 붙여넣겠습니까?

이것은 우리가 GitLab에서 vue를 사용하기로 결정했을 때를 생각나게 합니다

Simpler

우리가 Vue.js에 투자하는 주된 이유는 팀이 js를 더 쉽게 작성하고 사용할 수 있게 하고 js를 단순화시키기 때문입니다. Vue.js를 시작하는 것은 매우 쉽습니다. 소스 코드는 가독성이 높으며, 문서만 사용해야 하는 경우 바로 시작할 수 있습니다. 추가 라이브러리를 사용할 필요가 없습니다. 필요한 경우 jQuery로 작업할 수 있습니다. 사용할 수 있는 플러그인은 많지만 필수는 아닙니다. 저는 개인적으로 우아한 Vue.js를 좋아합니다. 기존 코드와 함께 Vue.js를 사용하는 것은 매우 쉽습니다. Vue.js는 신비한 것이 아니며, 맨 아래 레이어는 단지 객체일 뿐입니다.

많은 js 개발자들과 논의한 결과 흥미로운 현상을 발견했습니다. 대부분의 시간을 Angular에서 보내는 개발자들은 js에 대한 깊은 이해가 없다는 것입니다. 나는 이런 일이 나와 내 파트너에게 일어나는 것을 원하지 않습니다. 왜 "non-js"라고 쓰는 걸까요?

이것은 제가 Backbone을 사용했을 때의 상황을 생각나게 합니다. 가능한 한 DRY(반복하지 마세요)로 유지해야 합니다. 당신이 쓸 빈 종이. Vue.js는 다른 어떤 작업도 하지 않으며 단지 데이터에만 중점을 둡니다.

그러나 Vue.js는 해야 할 일과 할 수 있는 일 사이에서 완벽한 균형을 유지합니다. Backbone이 무정부 상태라면(아무도 책임지지 않음) Angular는 독재자입니다(Angular 팀이 모든 것을 담당합니다). 저는 Vue.js가 공산주의와 같다고 생각합니다. 여러분이 프로젝트에 책임이 있지만 Vue.js는 여러분이 보다 효율적으로 프로그래밍하고 DOM의 영향을 피할 수 있도록 확장 가능하고 강력하며 탄력적인 안전망을 제공합니다.

내 아이디어를 이해하려면 코드 클릭 미리보기를 참조하세요

<div id="journal"> 
  <input type="text" v-model="message"> 
  <div>{{message}}</div> 
</div>
로그인 후 복사
문서에 의존하지 않고 일부 js 라이브러리를 본 적이 있다면 다음을 보세요. 위 예제의 코드를 이해하는 것은 어렵지 않습니다. 다른 프레임워크에서는 종종 여기서 잠시 일시 중지가 필요합니다. "초급" 수준 예제를 실행할 때 만족감을 느낍니다. 그러나 프레임워크에 지출한 비용에 대한 가치를 얻으려면 상황이 복잡해집니다. Vue.js에서는 이런 일이 발생하지 않으며 실제 애플리케이션은 문서 예제만큼 간단합니다. <… 각 문제를 해결하기 위한 더 많은 코드. 우리는 더 잘할 수 있다는 것을 알고 있습니다. Vue.js를 사용하기 시작하자 더 적은 코드를 사용하여 복잡한 문제를 빠르고 지속적으로 해결할 수 있었습니다.
var journal = new Vue({ 
  el: &#39;#journal&#39;, 
  data: { 
    message: &#39;Your first entry&#39; 
  } 
});
로그인 후 복사

우리 프로젝트 사용에 대한 간단하고 실용적인 예를 들어보세요. GitLab Issue에서는 이슈 상태가 마감됨과 공개됨 사이에서 전환됩니다. 이 값은 자주 변경되어야 하며 많은 보기에서 사용됩니다. JQuery를 사용하면 이 기능을 구현하는 데 약 30줄의 코드가 필요합니다.

Vue.js에서는 js 코드 한 줄만 있으면 됩니다. 우리가 추가하는 또 다른 코드는 HTML에 몇 가지 추가 속성을 추가하는 것입니다.

Yuxi님은 벙커 프레임워크도 만드셨는데, 이는 단지 훌륭한 코드를 작성하는 것만이 아닙니다. 훌륭한 문서, 모든 사람이 배울 수 있도록 돕는 강력한 커뮤니티, 지원 라이브러리의 지원, 사용자가 문제를 해결하는 데 도움이 되는 수많은 플러그인, 사용자 피드백을 기반으로 프레임워크의 관련성을 보장하는 피드백 루프가 필요합니다. Vue.js는 훌륭한 코드뿐만 아니라 이 모든 것의 조합입니다. 그래서 나는 그것을 사용하는데 당신은 어떻습니까?

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