← Back to rules

vue/require-typed-ref 스타일

작동 방식

ref 및 shallowRef 함수가 강력한 타입을 갖도록 요구합니다.

왜 문제가 되는가?

타입스크립트를 사용하면 noImplicitAny 옵션을 통해 any 사용을 쉽게 막을 수 있습니다. 하지만 뷰의 ref() 함수를 사용하면 이 규칙을 쉽게 회피할 수 있습니다. 제네릭 매개변수 또는 초기 값을 제공하지 않고 ref() 함수를 호출하면 참조 객체의 타입이 Ref<any>가 됩니다.

예시

이 규칙에 부적절한 코드 예시:

const count = ref();
const name = shallowRef();

이 규칙에 적절한 코드 예시:

const count = ref<number>();
const a = ref(0);

사용 방법

구성 파일 또는 명령줄 인터페이스에서 이 규칙을 활성화하려면 다음을 사용할 수 있습니다:

Config (.oxlintrc.json)

{
  "plugins": ["vue"],
  "rules": {
    "vue/require-typed-ref": "error"
  }
}

CLI

oxlint --deny vue/require-typed-ref --vue-plugin

참고 자료

• 규칙 소스