VUE의 생성자를 소개하는 방법

VUE에서 생성자를 사용하여 다음 단계에서 소개 된 구성 요소의 특성 및 메소드를 초기화 할 수 있습니다. 생성자 액세스 생성자 컨텐츠 및 패스 매개 변수를 정의하십시오.

VUE에서 생성자를 소개하는 방법

VUE의 생성자는 구성 요소를 인스턴스화 할 때 데이터 및 메소드를 초기화하는 데 사용될 수 있습니다. VUE 2.0 이상에서 다음과 같이 생성자를 소개 할 수 있습니다.

1. 생성자를 정의합니다

구성 요소에 의해 정의 된 export default 명령문 전에 constructor 키워드를 사용하여 생성자를 정의하십시오.

 <code class="javascript">export default { constructor() { // 构造函数内容}, // 其他Vue 组件选项}</code>

2. 액세스 생성자 특성 및 방법

생성자에 정의 된 특성 및 방법은 구성 요소 인스턴스에서 직접 액세스 할 수 있습니다. 예를 들어, 템플릿 에서이 this.myProperty 사용하여 생성자에 정의 된 myProperty 속성에 액세스 할 수 있습니다.

 <code class="javascript"><template> <p>{{ this.myProperty }}</p> </template> <script> export default { constructor() { this.myProperty = &#39;Hello world!&#39;; } } </script></code>

3. 매개 변수를 통과하십시오

생성자에서 매개 변수를 수신 해야하는 경우 생성자를 정의 할 때 params 변수를 사용할 수 있습니다.

 <code class="javascript">export default { constructor(params) { this.myProperty = params.prop1; } }</code>

그런 다음 구성 요소를 인스턴스화 할 때 매개 변수를 전달하십시오.

 <code class="javascript">new Vue({ components: { MyComponent } }, { prop1: 'value' });</code>

이러한 단계를 수행함으로써 생성자를 VUE에 소개하고 사용하여 구성 요소 데이터 및 메소드를 초기화 할 수 있습니다.

위 내용은 VUE의 생성자를 소개하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!