Skip to content

Latest commit

 

History

History
45 lines (39 loc) · 1.47 KB

README_RU.md

File metadata and controls

45 lines (39 loc) · 1.47 KB

vue-dynamic-component

Компонент для быстрого создания динамических компонентов.
Этот компонент может помочь для быстрого перехода от pjax к vue

Использование

import vueDynamicComponent from 'vue-dynamic-component'

Vue.use(vueDynamicComponent [, {componentName: 'name-for-component'}])

new Vue({
  ...
  data() {
    return {
      comp: {
        template: '<div>default component with {{msg}} <button @click="msg += \'!\'">add !</button></div>',
        data() {
          return {msg: 'some text'}
        },
      }
    }
  },
  ...
})
<vue-dynamic-component :component="comp"></vue-dynamic-component>

props :component

  • required: true
  • type: Object
  • value
    • Стандартное наполнения компонента: data, methods, watch, events и тд
    • keepAliveId - ID для кэширования компонента при помощи keep-alive
      • required: false
      • type: String
    • inlineTemplate - Использование шаблона из DOM-a, подобно этому
      • required: false
      • type: Boolean

plugin options

componentName: изменяет имя компонента (стандартное имя 'vue-dynamic-component')