vue.js를 시작하는 것

vue.js 핵심 개념의 빠른보기

vue.js는 사용자 인터페이스를 구축하는 데 사용되는 MVVM 아키텍처를 기반으로 한 JavaScript 라이브러리입니다. AngularJS보다 간단하고 배우기 쉽고 유연합니다. 핵심 기능에는 다음이 포함됩니다

데이터 바인딩 :

는 일방 통과 및 양방향 데이터 바인딩을 지원하며,

명령은 양방향 바인딩을 구현하며, 모델 변경은 실시간으로 반영됩니다.

지침 및 필터 :
• 명령어는 DOM을 작동하는 데 사용되며 필터는 데이터를 처리하는 데 사용됩니다. 구성 요소화 : v-model 재사용 가능한 사용자 정의 HTML 요소를 만들어 코드 가독성 및 유지 보수를 개선하고
속성을 ​​사용하여 컴포넌트 속성을 전달합니다.
• 참고 :이 튜토리얼은 vue.js 1.x 버전을 기반으로합니다. VUE 2.X 튜토리얼은 다른 리소스를 참조하십시오. 페이지에 vue.js를 추가하십시오 cdn을 사용하여 vue.js를 소개하는 것이 좋습니다 :
• 보기 모델을 만듭니다 클래스를 사용하여 생성됩니다. 보기 모델은 데이터 모델과보기를 연결합니다. 예 : html보기 : props 데이터 모델 :
뷰 모델 :

구문을 사용하여 데이터를 표시합니다

양방향 데이터 바인딩

는 양방향 데이터 바인딩을 달성하기 위해 명령어를 사용하십시오. 필터

필터는 데이터 처리에 사용되며

기호를 사용하여 호출됩니다.

<🎜>

<<> 렌더링 어레이 <🎜 🎜> <🎜 🎜>

지시 사항을 사용하여 배열을 렌더링합니다 <<> 필터로 정렬 : <🎜 🎜> <<> 필터가있는 필터 : <🎜 🎜>

<🎜 🎜> <<> 이벤트 처리

<🎜 🎜> 뷰 모델의 Vue 속성에서 이벤트 핸들러 함수를 정의하고

지시 사항을 사용하여 이벤트를 바인딩합니다.

<<> 구성 요소 생성

<div id="my_view"></div>

<🎜 🎜> 메소드를 사용하여 구성 요소를 만듭니다

var myModel = {
  name: "Ashley",
  age: 24
};

속성을 ​​사용하여 구성 요소 속성을 전달하십시오 : <🎜 🎜>

<🎜 🎜> <<> 요약

var myViewModel = new Vue({
  el: '#my_view',
  data: myModel
});

이 자습서는 데이터 바인딩, 지침, 필터, 이벤트 처리 및 구성 요소 생성을 포함한 vue.js의 기본 개념을 소개합니다. 보다 고급 기능은 공식 문서를 참조하십시오.

{{ }} (FAQ와 같은 후속 내용은 원본 텍스트와 일관성을 유지하기 위해 필요에 따라 추가 할 수 있습니다.)

위 내용은 vue.js를 시작하는 것의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!