vue에서 inheritAttrs: false 및 $attrs는 무엇에 사용됩니까?

vue에서 inheritAttrs: false 및 $attrs는 무엇에 사용됩니까?

질문에서 알 수 있듯이, 나는 그 의미와 내가 왜 그것을 사용해야 하는지 이해할 수 없다.많은 부품을 가지고 있어 부모로부터 자녀에게 데이터를 전달하고 싶을 때 소품을 사용하지 않아도 된다고 합니다.정말이에요?

좀 더 쉬운 예를 들어주시면 감사하겠습니다.Vue.js 문서에서는 별로 언급이 없습니다.

자세한 내용은 문서의 "속성 상속 비활성화" 섹션과 API 설명을 참조하십시오.

이는 주로 패스스루 속성을 갖는 이른바 "투과적" 구성요소를 정의하는 데 사용됩니다.이 문서의 예는 다음 컴포넌트를 랩핑한 것입니다.input요소:

// Component
Vue.component('base-input', {
  inheritAttrs: false,
  props: ['label', 'value'],
  template: `
    <label>
      {{ label }}
      <input
        v-bind="$attrs"
        v-bind:value="value"
        v-on:input="$emit('input', $event.target.value)"
      >
    </label>
  `
})

// Usage
<base-input
  v-model="username"
  required
  placeholder="Enter your username"
/>

그required그리고.placeholder다음으로 Atribute를input포장 대신label.

컴포넌트 자녀의 자녀와는 전혀 관계가 없지만 이러한 계층에서 사용할 수 있습니다.

이것으로 모든 것이 해결되길 바랍니다.

언급URL : https://stackoverflow.com/questions/56224091/what-are-inheritattrs-false-and-attrs-used-for-in-vue