vue 예제 사이트

다이빙하기 전에 Vue에 대해 자세히 알고 싶다면 핵심 원칙과 샘플 프로젝트를 살펴보는 비디오를 만들었습니다. 사이트가 React 또는 Vue SPA를 실행 중인지 확인하려면 라이브 사이트를 로드하고 브라우저 콘솔에서 “SPA 프레임워크”를 검색합니다. ibm-wch/샘플 사이트 vue에서 새 릴리스에 대한 알림을 원하십니까? 각도 사이트 응용 프로그램을 복제하고 빌드를 트리거하고 테넌트에 푸시하여 vue.js 사이트 응용 프로그램 샘플을 오버레이합니다. 사이트 기능의 일부로 웹 사이트를 제공하기 위해 WCH에서 단일 페이지 응용 프로그램이 구현되었습니다. 단일 페이지 응용 프로그램은 WCH에서 호스팅되며 관리되지 않는 자산으로 저장됩니다. 그것은 콘텐츠 유형, 페이지, 카테고리, … 을 사용하여 오슬로 샘플 응용 프로그램을 렌더링합니다. 기본 단일 페이지 응용 프로그램은 각도로 구현되었습니다. 오슬로에 대 한 WCH에 저장 된 아티팩트는 단일 페이지 응용 프로그램 독립. 이 샘플에는 기본 각 사이트 응용 프로그램 대신 vue.js로 구현된 단일 페이지 사이트 응용 프로그램이 포함되어 있습니다.

각도로 구현된 기본 사이트 응용 프로그램에 대한 자세한 내용은 여기에서 확인할 수 있습니다. 기본 단일 페이지 응용 프로그램을 이 리포지토리의 vue.js 구현으로 바꿀 수 있습니다. 이렇게 하면 기본 각도 기반 응용 프로그램에 vue.js 구현이 오버레이됩니다. 다시 전환하려는 경우 기본 각도 기반 응용 프로그램 복원에 대한 항목을 참조하십시오. 업데이트: 4월 초에 Vue 사이트 SPA에 검색 기능을 추가했으며 이제 탐색에서 페이지를 숨길 수 있는 기능을 지원합니다. Vue.js를 설치하는 가장 쉬운 방법은 HTML 본문의 끝에 태그를 포함하기만 하면 됩니다. 전체 라이브러리는 공식 웹 사이트에서 다운로드하거나 CDN을 통해 직접 가져올 수있는 단일 자바 스크립트 파일에 있습니다 : Vue CLI는 무엇입니까? 샘플 앱을 사용하여 응용 프로그램 골격을 스캐폴딩하여 개발 속도를 높이는 데 도움이 되는 명령줄 유틸리티입니다. 여기에서 우리는 우리의 웹 사이트에 기사의 일부를 전시 하는 응용 프로그램을 만들 것입니다. 응용 프로그램은 또한 우리가 표시되는 기사를 필터링 할 수 있도록 텍스트 검색 필드가있을 것이다. 모든 아티클은 아티클 배열에 보관되며 검색 쿼리와 일치하는 아티클은 filteredArticles라는 계산된 속성에 있습니다. 라이브러리로 작업하는 것은 매우 간단합니다.

Vue.js는 우리를 위해 많은 일을하고 익숙하고 기억하기 쉬운 구문을 제공합니다 : 방금 프로젝트 중 하나에 대해 Vue.js를 평가하기 시작했습니다.