vue 프로젝트 예제

By agosto 2, 2019Sem categoria

Vue.js 3은 Vue.js 응용 프로그램의 모양에 대한 주요 변경 사항을 소개합니다. 예를 들어 Vue.js 함수 API가 도입될 수 있습니다. 이로 인해 전체 구조에서 많은 구성 요소가 변경될 수 있습니다. 하지만 변경 사항은 최소화될 것입니다. vue-function-api 플러그인을 사용하면 이러한 변경 내용을 이미 적용할 수 있습니다. 문제는 여러 통합이 플러그인으로 작동하지 않는다는 것입니다. 이 작품을 만들려는 의도가 있지만, 당분간은 다른 분야에 집중해야 합니다. 그래도 실험적인 기능을 원한다면 몇 가지 실험적인 기능 구현을 통해 끌어오기 요청을 받게 되어 기쁩니다. 실제 사양 및 API를 준수하는 실제 예제(CRUD, 인증, 고급 패턴 등)를 포함하는 Vue.js 코드베이스입니다. 이것은 경쟁 목록이며 2017 년 1 월과 12 월 사이에 발표 된 최고의 오픈 소스 Vue.js 라이브러리, 도구 및 프로젝트를 신중하게 선택합니다. Mybridge AI는 인기, 참여도 및 만족을 고려하여 품질을 평가합니다. 품질에 대한 아이디어를 제공하기 위해 Github 별의 평균 수는 3,795입니다. 다음은 SRC 폴더의 내용입니다.

Vue CLI로 프로젝트를 시작하는 것이 좋습니다. 개인적으로 기본 웹팩 템플릿을 사용했습니다. 먼저 Vue를 사용하는 가장 기본적인 예제를 사용합니다. 다음은 프로젝트를 잘 구성해야 하는 Vue.js 공식 스타일가이드에서 오는 몇 가지 규칙입니다: BaseCard를 사용하고 몇 가지 방법을 추가하는 스마트 구성 요소가 있는 경우 프로젝트에 따라 이름을 지정할 수 있습니다. 구성을 포함하는, 이들은 초기 프로젝트 구조에 포함 된 파일입니다 : Vue.js는 과대 광고 보다 더, 그것은 훌륭한 프론트 엔드 프레임 워크입니다. 그것은 그것으로 시작하고 웹 응용 프로그램을 구축하는 것은 매우 쉽습니다. Vue.js는 종종 작은 애플 리케이션을위한 프레임 워크로 설명하고 때로는 작은 크기 때문에 jQuery에 대한 대안으로 설명! 개인적으로 는 더 큰 프로젝트에도 적합할 수 있다고 생각하며,이 경우 구성 요소 아키텍처 측면에서 잘 구성하는 것이 중요합니다. 스마트 구성 요소가 “스마트”BaseCard 뿐만 아니라 메서드와 함께, 그냥 기본 (또는 응용 프로그램, 또는 V)로 시작 하지 않고 구성 요소에 맞는 모든 이름을 사용 하 여: 이 코드는 무엇입니까, 우리는 새로운 Vue 애플 리 케이 션을 인스턴스화, #example 요소에 연결 된 템플릿으로 일반적으로 CSS 선택기사용으로 정의되지만 HTMLElement에서도 전달할 수 있습니다. Vue.js를 가진 고급 또는 초보자이든이 Vue.js 스타일 가이드를 읽어야하며 많은 팁과 명명 규칙이 포함되어 있습니다.

그것은 할 일과하지 말아야 할 일의 많은 예가 포함되어 있습니다. 이 예제는 Codepen: https://codepen.io/flaviocopes/pen/YLoLOp 오픈 소스 프로젝트에서 프로그래머에게 유용할 수 있습니다.