Динамический компонент Vue.js с динамическими данными

Randy Hall спросил: 07 октября 2018 в 12:03 в: javascript

Я пытаюсь использовать элемент <component> для динамического отображения выбранного компонента. Каждый из этих отображаемых компонентов может принимать один или несколько объектов данных. Что-то вроде:

<div id="containers">
    <component v-bind:is="currentView"></component>
</div>var myVue = new Vue({
    el:"#containers",
    data:{
        currentView: "my-component-one",
        currentData: {...}
    },
    method: {
        changeView: function(){
            //change this.currentView
            //change this.currentData
        }
    }
});

Однако в документации Vue говорится, что атрибут v-bind:is может использоваться для передачи либо имени компонента , либо опциональный объект.

Неясно, как я могу условно получить объект значений для этого компонента для использования, а также условно изменить, какой компонент отображается.

Я очень зеленый с использованием Vue (приходит в себя после нокаутирующего удара), поэтому, возможно, я просто неправильно понимаю назначение тега компонента.

0 ответов