vue 화살표 기능을 사용하는 방법

VUE에서 화살표 함수를 사용하면 기능 구문을 단순화하고 컨텍스트를 자동으로 바인딩 할 수 있습니다. 사용법 : 1. 화살표 기호 (=>) 변수와 기능 본체를 분리합니다. 2. 곱슬 버팀대와 매개 변수 괄호를 생략하십시오. 3. 이것을 자동으로 바인딩합니다. 장점 : 1. 간결한 구문; 2. 자동 컨텍스트 바인딩.

vue 화살표 기능 사용

화살표 기능은 VUE의 짧은 형태의 함수 구문으로 간결한 구문을 제공하고 컨텍스트를 더 잘 바인딩 할 수 있습니다.

용법:

const myFunc = () => { ... }

화살표 함수의 기본 형식은 다음과 같습니다.

• 화살표 ( => )는 화살표의 왼쪽에있는 변수를 오른쪽의 기능 본문과 분리합니다.
• 기능 본문에 한 줄만있는 경우 곱슬 버팀대 ( {} )는 선택 사항입니다.
• 함수 매개 변수는 괄호를 생략 할 수 있습니다.

이점:

• 간결한 구문 : 화살표 기능의 구문이 짧아 코드를 쉽게 읽고 이해할 수 있습니다.
• 자동 바인딩 컨텍스트 : this 내부는 항상 범위가 정의되는 this 제한됩니다. 이렇게하면 컨텍스트를 수동으로 바인딩 할 필요가 없습니다.

예:

 <code class="vue"><template> <button>Count Up</button> </template> <script> export default { data() { return { count: 0, } }, methods: { // 传统的函数语法countUp: function() { this.count ; }, // 箭头函数语法countUp: () => { this.count ; }, }, }; </script></code>

참고 :

• 화살표 기능은 arguments 객체를 사용할 수 없습니다. arguments 에 액세스 해야하는 경우 기존 기능 구문을 사용해야합니다.
• 화살표 기능은 prototype 없기 때문에 new 생성자로 사용할 수 없습니다.

위 내용은 vue 화살표 기능을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!