Vue 어셈블리에서 비반응 값을 설정하는 여러 방법

말라깽이

Vue 구성 요소의 비반응 속성이 필요하면 $options를 사용하거나 Vue 인스턴스에 속성을 할당할 수 있습니다.

달러 옵션

export default {
  myConstant: 'hello',
  computed: {
    usingMyConstant() {
      return this.$options.myConstant
    },
  },
};

이거.myConstant

export default {
  mounted() {
    this.myConstant = 'hello';
  },
  computed: {
    usingMyConstant() {
      return this.myConstant;
    },
  },
};

최근에 Vue에 비반응성 값을 설정해야 하는 용례를 만났습니다.우리는 $options를 사용하거나 실례적으로 속성을 설정할 수 있다.

달러 옵션

개발자가 설명을 읽거나 $options에 설정된 값을 사용할 때 초현식이기 때문에 개인적으로 $options 즐겨 사용합니다.

이거.myConstant

구성 요소가 mounted 또는 created 상태에 있을 때 값에 접근해야 한다면, 우리는 실례에 새로운 속성을 놓을 수 있습니다.

export default {
  mounted() {
    this.myConstant = asyncAvailableValue();
  },
};

구성 요소의 코드를 읽을 때, 우리는 데이터 속성 ((myConstant 이 부족하다고 생각할 수 있습니다. 왜냐하면 우리는 이미 실례에 새로운 속성을 설정했기 때문입니다.만약 이러한 방법을 선택했다면, 다른 개발자들이 데이터 함수에 추가하는 것을 방지하기 위해 이 속성이 수동적이어서는 안 된다는 설명을 발표하기를 원할 수도 있습니다.

// This should not be a reactive property, do not put on data attr.
this.myConstant = asyncAvailableValue();

읽어주셔서 감사합니다.
스콧