@desco/vue-component-dom NPM

Veja outros projetos NPM aqui.
Veja outros projetos aqui.

📋 Tabela de conteúdos

🛠️ Tecnologias

As seguintes tecnologias são utilizadas:

VueJs

⚙️ Instalação

npm install --save @desco/vue-component-dom

Note que será necessário ter o NPM instalado para o comando funcionar.

📦 Importação

import vueComponentDom from '@desco/vue-component-dom'

📚 Como Usar

<template>
  <div>
    <div ref="meuContainer"></div>
  </div>
</template>

import vueComponentDom from '@desco/vue-component-dom'
import MeuComponente from './MeuComponente'

export default {
  [...]
  mounted: () {
      vueComponentDom(
          MeuComponente,
          this.$refs.meuContainer,
          { ...props, },
          { type: 'append', class: 'my-class', }
      )
  },
  [...]
}

Parâmetros

Nome	Tipo	Obrigatório	Padrão	Descrição
component	Object	Sim	-	O componente a ser inserido
container	Node	Sim	-	O nó do DOM onde inserir o componente
props	JSON	Não	{}	JSON contendo os valores a serem passados para as propriedades do componente.
params	Object	Não	{ type: 'append', class: '', }	Parâmetros extras, veja na tabela abaixo
params.position	String	Não	'append'	Se o componente será inserido no início ou final do container. Aceita: `append` e `prepend`
params.class	String	Não	''	Classe personalizável para o container do componente inserido