Как создать плагин с собственным state и передать в него props?

Хочу создать плагин с собственным state
import Vue from 'vue/dist/vue.js';
import Vuex from 'vuex';
import { mapState } from 'vuex';

Vue.use(Vuex);

const state = () => ({
  name: 'Jack'
})

const store = new Vuex.Store({
  state: state
});

const testComponent = Vue.component('TestComponent', {
  props: ['numb'],
  computed: {
    ...mapState({
      name: state => state.name
    })
  },
  template: '<p>{{ name }}{{ numb }}</p>'
});

new Vue({
  el: '#chart',
  store,
  render: h => h({
    template: `<div><TestComponent :numb="numb" /></div>`,
    components: {
      TestComponent: testComponent
    },
    props: {
      numb: {
        type: String,
        default: ''
      }
    },
    mounted() {
      console.log(this.numb);
    }
  })
})

Да это выглядит как создание приложения внутри приложения, но пока другого решения проблемы не нашел.
Как передать в него пропсы?
<div id="chart" :numb="111" />
  • Вопрос задан
  • 34 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы