javascript - 오래된 jquery 프로젝트를 새로운 기술로 리팩토링하는 방법은 무엇입니까?

Question

jq로 작성된 오래된 프로젝트를 vue를 사용하여 재구성하고 싶은데 어떻게 시작해야 하나요?

Answer 1

jquery只是一个库，而vue是一个框架，决定了用vue리팩토링이란 프로젝트를 작성하려면 해당 작성 방법을 사용해야 함을 의미합니다.

하지만 vue和jquery本身并不排斥，我也在vue中使用过jquery，但是也仅限于一些比较特殊的场景。整个项目仍然是以vue이 핵심입니다.

그래서 vue을 사용하여 오래된 프로젝트를 재구성하려면 html 부분은 크게 변하지 않을 수 있지만 기본적으로 비즈니스 코드 로직은 완전히 뒤집어서 다시 설계해야 합니다.

Answer 2

vue는 IE9 이상의 브라우저만 지원하고, jQuery는 IE6도 지원할 수 있습니다. 브라우저 버전 요구 사항이 있는지 주의하세요

Answer 3

비슷한 간단한 프레임워크를 구현했다면 Vue와 jQuery의 본질적인 차이점은 UI 로직을 구성하는 다양한 방식에 있다는 것을 알게 될 것입니다.

jQuery는 순전히 원래 DOM API의 구문 설탕 모음인 반면, Vue는 MVVM(MVC 아님!)의 조직적 형태를 통해 [HTML 템플릿]과 [UI 상호 작용] 논리의 분리를 강조하는 프레임워크입니다. MVVM의 데이터 바인딩 구문은 Vue가 이전 프로젝트에 도입될 때 (실제로는 훨씬 더 발전된) 코드 구성이 jQuery를 강력하게 제외하도록 만듭니다(즉, 기본적으로 Vue를 사용하는 프로젝트에서는 jQuery를 사용할 필요가 없습니다). 둘 다 공존하는 것은 좋은 선택이 아닙니다.)

이때 너무 과격하지 않으면서 효율성 향상에 도움이 되는 솔루션은 [jQuery 누들 코드 구성 구조를 최적화할 수 있는 간단한 MVC 프레임워크]를 도입하는 것입니다. 이 프레임워크에는 VM 프레임워크에 제공되는 구문이 없습니다. 해당 논리는 여전히 jQuery를 사용하여 구현되어야 합니다. 동시에 이러한 유형의 프레임워크는 Vue보다 훨씬 가볍습니다. 예를 들어 Backbone의 크기는 10k에 불과합니다. 오래된 프로젝트에서는 최적화 솔루션으로 점진적으로 도입하는 것이 좋습니다.

Answer 4

부분 재구성, 부분 모듈 또는 부분 플러그인 재구성은 프로젝트의 정상적인 작동을 보장하기 위해 해당 부분이 jQuery替换vue