Итак, давайте просто скажем, что у меня есть компонент HelloWorld, который я хотел бы импортировать несколько раз и назначить некоторые реквизиты для каждого из них (поскольку каждый экземпляр будет делать свое дело). Обычно вы делаете что-то вроде этого:
Для простоты я не использовал правильный синтаксис.
import HelloWorld from "./components/HelloWorld";
<HelloWorld v-if = "which" title = "0" key = "1"/>
<HelloWorld v-else title = "1"/>
Однако мне было интересно, есть ли способ импортировать их с уже назначенными реквизитами, например:
import HelloWorld from "./components/HelloWorld";
import HelloWorld1 from "./components/HelloWorld";
HelloWorld.props = { title: "1" } // this doesn't work
HelloWorld1.props = { title: "2" } // this doesn't work
Чтобы использовать <component>
Например.
<component :is = "which"/>
which = "HelloWorld" || "HelloWorld1"



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Свойства компонента могут быть установлены только в объекте определения компонента.
Похоже, вы пытаетесь передать разные значения prop в зависимости от значения which. Вы можете сделать это, передав объект в v-bind:
<HelloWorld v-bind = "which ? { title: '0', key: '1' } : { title: '1' }"/>
да, я только что читал модульное тестирование, и мне кажется, что вы можете передавать реквизиты без необходимости делать это внутри объекта определения компонента. Поэтому было просто интересно, можно ли это сделать в среде, не связанной с тестированием. Но думаю, я просто объединю
v-bindсcomponentvuejs.org/v2/guide/…