Vue3의 사용자 정의 지시어를 사용하여 구성 요소에 데이터 전달: 가이드

Question

이 동작을 구현하고 싶습니다

으아악

사용자 지정 지시어를 사용하려면 'pizza' 传递给组件，并能够在我的 SimpleComponent에서 사용하세요.

그런 다음 이를 상위 상위 범위( v-slot 를 통해)에 넣는 것이 아이디어입니다. 이는 구식이며 아마도 가장 좋은 방법은 아니지만 클라이언트에게는 구문이 중요합니다(여기에 입력한 문자가 적을수록 좋습니다).

Vue2에 대한 이 github 문제를 찾았지만 Vue3 또는 구문에서 작동하게 하는 방법을 잘 모르겠습니다(Vue3은 프록시를 사용하기 때문에 vNode.context 而是 binding.instance 现在，而且我们不需要 $set가 아니라는 것을 알고 있습니다).

문서는 나에게 별로 도움이 되지 않았고, 일반 개발 도구에서 예제를 검사해도 아무런 단서도 얻지 못했습니다.

PS: SimpleComponent 자체 내에서는 거의 모든 작업을 수행할 수 있지만 구성 요소 외부에서 볼 필요는 없습니다.

Answer 1

면책조항

이것은 매우 해킹적이며 Vue API(읽기 전용임을 분명히 나타냄)에 위배되므로 아마도 올바른 방법이 아닐 것입니다. 따라서 예: 아마도 사용하고 싶지 않을 것입니다. 그런 식으로요.

또한 지시문은 다른 곳에서 Vue 상태에 도달하고 변경하는 대신 DOM 요소 수정에 사용됩니다. 우리 팀의 요구 사항은 매우 어렵습니다.
집에서 복제하지 말고 대신 일반 소품을 사용하세요.

---

그동안에는 다음과 같이 하세요.

page.vue

으아아아

SimpleDiv.vue

으아아아