이전 예제에서 모델에는 미리 정의된 값이 몇 개만 있었습니다. 사용자에게 데이터를 설정할 수 있는 기능을 제공하려면 양방향 바인딩을 수행하여 입력 필드를 모델 속성과 함께 연결할 수 있습니다. 텍스트를 입력하면 text_content 모델에 자동으로 저장되어 뷰가 업데이트됩니다. 설명 – 위의 예에서, 우리는 다른 통화의 선택한 값으로 통화의 한 값을 변환 통화 변환기를 만들었습니다. 우리는 통화의 두 드롭 다운을 만들었습니다. 텍스트 상자에 변환할 금액을 입력하면 변환 후 아래와 동일이 표시됩니다. 우리는 통화 변환에 필요한 계산을 수행 하기 위해 계산 된 속성을 사용 하는. 마지막 예제에서는 페이지에 레이아웃 모드가 다른 일반적인 시나리오를 보여 줍니다. 이전 앱과 마찬가지로 배열에 저장된 tutorialzine.com 문서 목록이 표시됩니다. 아래 예제에서는 새 Vue()를 통해 새 Vue 개체가 만들어집니다. 나는 항상 Vue.js를 사용하는 방법에 대한 보다 구체적인 예를 원했고 지금은 그들을 가지고있다. 고마워, 대니.

Vue.js의 철학은 뷰(HTML)와 모델(JavaScript 개체) 간에 실시간 양방향 데이터 바인딩을 만들기 위한 가장 간단한 API를 제공하는 것입니다. 다음 예제에서 볼 수 있듯이 라이브러리는 해당 아이디어에 충실하며 기능을 손상시키지 않으면서 손쉽게 작업할 수 있습니다. 이들은 중대하다, 하지만 난 내 머리를 당겨 (나는 vue.js에 새로운) 내 주요 Vue 응용 프로그램 (App.vue, 나는 구성 요소로 추측) 메뉴 예제 (예를 들어)를 포함하는 방법을 알아 내려고?) 당신이 제공 할 수있는 팁? 감사! 이 예제에서는 여러 서비스와 총 비용을 보여 줍니다. 우리의 서비스는 배열에 저장되기 때문에 v-for 지시문을 활용하여 모든 항목을 반복하여 표시 할 수 있습니다. 새 요소가 배열에 추가되었거나 이전 요소가 변경되면 Vue.js가 자동으로 업데이트되고 새 데이터가 표시됩니다. Vue.js에는 이러한 예제에서 선보인 것보다 훨씬 더 많은 것이 있습니다. 라이브러리는 또한 애니메이션, 사용자 정의 구성 요소 및 기타 기능의 모든 종류를 제공합니다. 우리는 당신이 정보와 유용한 조각으로 가득 우수한 공식 문서를 확인하는 것이 좋습니다. 다음은 우리가 당신을 위해 구축 한 예제 애플 리케이션을 포함하는 다섯 편집자입니다.

코드에는 많은 주석이 있으며 각 파일의 탭으로 분리되어 있어 따라하기가 정말 쉽습니다. 편집자는 Vue.js가 내장되어 있으므로 실험을 두려워하지 마십시오. 또한 이 문서의 맨 위에 있는 다운로드 단추에서 모든 예제가 포함된 아카이브를 다운로드할 수 있습니다. 실제 사양 및 API를 준수하는 실제 예제(CRUD, 인증, 고급 패턴 등)를 포함하는 Vue.js 코드베이스입니다. 방금 프로젝트 중 하나에 대해 Vue.js를 평가하기 시작했습니다. Vue.js는 굉장하고 아주 잘 문서화되어 있습니다. 다음은 스타터에게 매우 유용한 예입니다. 이 공유 대니 감사합니다. Vue.js 3은 Vue.js 응용 프로그램의 모양에 대한 주요 변경 사항을 소개합니다. 예를 들어 Vue.js 함수 API가 도입될 수 있습니다. 이로 인해 전체 구조에서 많은 구성 요소가 변경될 수 있습니다. 하지만 변경 사항은 최소화될 것입니다.

vue-function-api 플러그인을 사용하면 이러한 변경 내용을 이미 적용할 수 있습니다. 문제는 여러 통합이 플러그인으로 작동하지 않는다는 것입니다. 이 작품을 만들려는 의도가 있지만, 당분간은 다른 분야에 집중해야 합니다. 그래도 실험적인 기능을 원한다면 몇 가지 실험적인 기능 구현을 통해 끌어오기 요청을 받게 되어 기쁩니다. 이 멋진 단어 뒤에 아이디어는 모델과 보기가 항상 동기화 유지된다는 것입니다. 모델을 변경하면 뷰가 즉시 업데이트되고 그 반대의 경우도 마찬가지입니다. 첫 번째 예제에서는 현재 선택된 메뉴 항목을 나타내는 활성 변수와 함께 표시됩니다.