유니앱에서 이것 저것 활용하는 방법에 대해 이야기해보겠습니다.

PHPz
풀어 주다: 2023-04-19 14:33:12
원래의
1858명이 탐색했습니다.

Uniapp은 Vue.js 및 WeChat 애플릿 개발 기술을 기반으로 한 크로스 플랫폼 개발 프레임워크로, 한 번 작성하여 여러 터미널에서 실행할 수 있습니다. Uniapp에서 this 와 that 은 개발자가 다양한 상황에서 다양한 개체를 얻기 위해 자주 사용하는 두 가지 변수입니다.

this 키워드는 현재 구성 요소의 인스턴스를 참조합니다. 이 키워드를 사용하면 현재 구성 요소의 속성과 메서드에 직접 액세스할 수 있습니다. 예를 들어, 컴포넌트의 메소드에서는 아래와 같이 이를 통해 컴포넌트의 데이터 객체에 액세스할 수 있습니다.

export default {
    data() {
        return {
            message: 'Hello World'
        }
    },
    methods: {
        showMessage() {
            console.log(this.message);
        }
    }
}
로그인 후 복사

위 코드에서 this.message는 컴포넌트의 데이터 속성이고 showMessage 메소드가 액세스합니다. 이를 통해 메시지 속성을 확인하고 출력합니다.

이것은 함수 내부에 this의 값을 저장하는 데 사용되는 임시 개체입니다. 어떤 경우에는 함수 내부의 this가 현재 구성 요소의 인스턴스를 가리키지 않는 경우 이 값을 함수 내부에서 계속 사용할 수 있도록 저장하는 데 사용할 수 있습니다.

예를 들어 uni.request를 사용하여 서버에 대한 요청을 시작하는 경우 this의 포인터가 변경되었으므로 이를 사용하여 현재 구성 요소의 인스턴스를 저장해야 합니다. 예는 다음과 같습니다.

export default {
    data() {
        return {
            items: []
        }
    },
    methods: {
        loadData() {
            //保存当前组件的实例
            let that = this;
            uni.request({
                url: 'http://localhost:8080/getData',
                success(res) {
                    //在此处使用that来访问items属性,而不是this
                    that.items = res.data;
                }
            })
        }
    }
}
로그인 후 복사

In 위 코드는 콜백 함수의 uni.request 포인터가 더 이상 현재 구성 요소의 인스턴스가 아니기 때문에 이를 사용하여 현재 구성 요소의 인스턴스를 저장해야 계속해서 액세스하고 수정할 수 있습니다. 구성 요소의 데이터입니다.

즉, 유니앱 개발에서는 이것저것의 활용이 매우 중요합니다. 개발자는 효율적이고 안정적이며 신뢰할 수 있는 애플리케이션을 개발하기 위해 자신의 목적과 사용 시나리오를 명확하게 알아야 합니다.

위 내용은 유니앱에서 이것 저것 활용하는 방법에 대해 이야기해보겠습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!