vue.js 예제 사이트

Quasar: 응답 형 웹 사이트, PWA, 하이브리드 모바일 앱 (네이티브 모양!) 및 전자 앱은 모두 Vue와 함께 구동되는 동일한 코드 베이스를 동시에 사용합니다. [4690 Github에 별]. 각도 사이트 응용 프로그램을 복제하고 빌드를 트리거하고 테넌트에 푸시하여 vue.js 사이트 응용 프로그램 샘플을 오버레이합니다. 여기에서 우리는 우리의 웹 사이트에 기사의 일부를 전시 하는 응용 프로그램을 만들 것입니다. 응용 프로그램은 또한 우리가 표시되는 기사를 필터링 할 수 있도록 텍스트 검색 필드가있을 것이다. 모든 아티클은 아티클 배열에 보관되며 검색 쿼리와 일치하는 아티클은 filteredArticles라는 계산된 속성에 있습니다. 사이트 기능의 일부로 웹 사이트를 제공하기 위해 WCH에서 단일 페이지 응용 프로그램이 구현되었습니다. 단일 페이지 응용 프로그램은 WCH에서 호스팅되며 관리되지 않는 자산으로 저장됩니다. 그것은 콘텐츠 유형, 페이지, 카테고리, … 을 사용하여 오슬로 샘플 응용 프로그램을 렌더링합니다.

기본 단일 페이지 응용 프로그램은 각도로 구현되었습니다. 오슬로에 대 한 WCH에 저장 된 아티팩트는 단일 페이지 응용 프로그램 독립. 이 샘플에는 기본 각 사이트 응용 프로그램 대신 vue.js로 구현된 단일 페이지 사이트 응용 프로그램이 포함되어 있습니다. 각도로 구현된 기본 사이트 응용 프로그램에 대한 자세한 내용은 여기에서 확인할 수 있습니다. 기본 단일 페이지 응용 프로그램을 이 리포지토리의 vue.js 구현으로 바꿀 수 있습니다. 이렇게 하면 기본 각도 기반 응용 프로그램에 vue.js 구현이 오버레이됩니다. 다시 전환하려는 경우 기본 각도 기반 응용 프로그램 복원에 대한 항목을 참조하십시오. 업데이트: 4월 초에 Vue 사이트 SPA에 검색 기능을 추가했으며 이제 탐색에서 페이지를 숨길 수 있는 기능을 지원합니다. Vue.js를 설치하는 가장 쉬운 방법은 HTML 본문의 끝에 태그를 포함하기만 하면 됩니다. 전체 라이브러리는 공식 웹 사이트에서 다운로드하거나 CDN을 통해 직접 가져올 수있는 단일 자바 스크립트 파일에 있습니다 : ibm-wch / 샘플 사이트 vue에서 새로운 릴리스에 대한 알림을 받고 싶으십니까? 실시간 가격에 대한 Binance Websocket API, 기록 차트를 표시하기위한 amChart, SVG 스파크 라인 차트 및 Cryptocompare 사이트에서 최신 뉴스 피드 사이트가 반응 또는 Vue SPA를 실행하는지 확인하기 위해, 라이브 사이트를로드하고 “SPA”에 대한 브라우저 콘솔을 검색 프레임 워크”. 이들은 중대하다, 하지만 난 내 머리를 당겨 (나는 vue.js에 새로운) 내 주요 Vue 응용 프로그램 (App.vue, 나는 구성 요소로 추측) 메뉴 예제 (예를 들어)를 포함하는 방법을 알아 내려고?) 당신이 제공 할 수있는 팁? 감사! 이 멋진 단어 뒤에 아이디어는 모델과 보기가 항상 동기화 유지된다는 것입니다.