[Vue.js] 초보자를 위한 다양한 분류 요약

5486 단어 Vue.js 초보자

입문

Vue.js부터 시작하려고 할 때 워낙 종류가 많아서 혼란스러워요.어느 것이든 비슷한 이름인데, 무엇부터 시작해야 좋을지 모르겠다.
그럼에도 불구하고 각양각색의 착수에 따라'이것이 이것 때문인가'라는 것을 깨달았다.

가설 독자

Vue에 도전하고 싶은데 뭐부터 하면 좋을까요?

사용해 봤는데 설치 방법이 너무 많아서 뭘 선택해야 할지 모르겠어요.

Vue 소프트 시리즈는 많지 않습니까?

Vue.js

Vue는 사용자 인터페이스를 구축하는 점진적인 프레임워크입니다.
Vue.js는 JavaScript라는 언어 프레임워크입니다.
JavaScript 상위 (하위라고 생각하십니까?)환경과 혼합되어야 하는 각 반사광선은 환경 샘플링을 한다.
그나저나 뷔의 공식 홈페이지에도 다른 프레임과 비교 있다.

제이쿼리는요?

jQuery는 라이브러리이기 때문에 프레임워크와는 조금 다르다.살짝 움직이고 싶을 때나 일부 비동기 처리만 하고 싶을 때 사용하기 편해요.

이 그림에 관해서 나는 항상 느끼는 인상으로 분위기를 포착할 수 있다면 좋겠다고 생각한다.
(추적)
React는 공식적으로 작성된 라이브러리입니다.
하지만 실제로는 프레임 Vue입니다.js나 Angular와 함께 논하기 쉽다.

설치 방법

공식 홈페이지를 보면 설치 방법도 다양하다.npm는 좀 특별한 자리가 있는 것 같습니다.
초보자는 어느 것부터 시작해야 하나요? 제 개인적인 의견은 "파일 하나면 CDN, 그렇지 않으면 Vue-cli나 Nuxt. npm 혼자 갈 수 있다고 생각하면 하세요."
참조: CDN 버전으로 큰 어플리케이션을 만들 수 있습니까?

CDN

일반 HTML에 태그만 포함하면 사용할 수 있습니다.
제일 쉬운 거니까 처음으로 Vue로 뭔가를 해보고 싶은 사람에게 추천해요.
CDN 버전 사용의 이점
・Node.js를 설치할 필요가 없습니다.
npm을 모르셔도 됩니다.
・ jQuery를 사용할 때와 같은 리듬으로 사용하면 이해하기 쉽다
· Rails와 같은 서버 사이드 프레임워크를 사용할 때 구조를 고민할 필요가 없다
· 웹팩이나 vue-cli가 아닙니다.
Vue CDN 버전 사용

Vue-cli

실속 패키지.어쨌든 이거 타면 돼.만들 때 다음 플러그인을 사용할지 여부를 선택할 수 있습니다.
그 원리는 이른바 .vue 파일 (단일 파일 구성 요소) 에서 코드를 작성하여 컴파일된 파일을 읽는 것이다.컴파일러가 필요하지만 제작할 때 선택할 수 있기 때문에 너무 많이 고려할 필요가 없다.

npm

npm라는 패키지 도구를 사용하여 설치합니다.
Node.js로 엉망진창으로 썼을 때 쓰는 인상.스스로 설정 파일 등을 맞춤 제작했다면 이걸로 설치한 것 같아요.
Vue 같은 컨텍스트에서 사용하는 것을 본 적이 별로 없어서 학습 로드맵에서 벗어난 것 같습니다.아마 이걸 이해할 수 있는 사람은 이 기사가 필요 없을 거예요.

플러그인 등

위의 내용은 Vue입니다.이것은 js를 사용하는 전제에서 추가할 수 있는 플러그인입니다.
참조: 확장 Vue
필요에 따라 플러그인을 자유롭게 추가할 수 있는 것은 "Vue는 다른 단판(단편:monolithic) 프레임워크와 달리 조금씩 응용할 수 있도록 설계되었다."내 생각에는 노래를 부르는 이유겠지.

Vue-router

Vue Router는 Vue입니다.js 공식 공유기.Vue입니다.js 코어와 깊이 통합, Vue.js에서 단일 페이지 응용 프로그램을 구축합니다.
루트 페이지에서만 모든 화면을 완성하면 필요하지 않지만 대부분이 그렇지 않기 때문에 이걸 사용합니다.
라우팅을 통해 URL을 변경할 수 있으므로 페이지 마이그레이션을 수행할 수 있습니다.
구성 요소의 표시를 전환하면 페이지 이동과 같은 내용을 재현할 수도 있지만 업데이트 단추를 누르면 페이지가 재설정됩니다.

Vuex

Vuex는 Vue입니다.js 응용 프로그램의 상태 관리 모드 + 라이브러리.이것은 예측 가능한 방법으로만 상태 변이를 하는 규칙을 확보하고 응용 프로그램의 모든 구성 요소의 집중식 저장으로 한다.
'상태'는 자신의 마음속에 적합하지 않다. 예를 들어 로그인한 상태, 제로 페이지를 연 상태는 항상 알 수 있을 것 같다.
내가 학습회에서 들은 것만 봐도 단순한 데이터 교환 단축 방식으로 Vuex를 사용하는 것은 반모드로 여겨진다(공식 추천이지만).많은 사람들이 프로퍼스나 emit를 사용하여 어리석게 데이터통 릴레이를 하는 것이 좋다고 생각한다.
참조: Vuex로 뭐해, 안 해?
　　　 "사용처"에서 시작하는 Vuex

Nuxt.js

Vue 프로젝트에 필요한 모든 플러그인을 포함하는 프레임워크입니다.Vue-cli보다 더 전부 싣고 규칙만 지키면 돼요.
디렉토리 구조에서 알 수 있듯이'이것을 이 목록에 넣으세요'는 상당히 명확한 결정이다.
또한 디렉터리 구조로 추정되는 경로를 마음대로 설정할 수 있다.(Vue-router가 필요 없어요. 그렇습니다.
SSR을 선택할 수 있는 것도 큰 특징이다.
참조: NUXT가 있는지 여부(Vue CLI3와 비교)