Mamba

O Mamba expõe algumas funções envolvendo o sistema de componentes

use (plugin: function|Object)

Cadastra um plugin no sistema de componentes. O plugin deve ser uma função ou um objeto que contém uma função com o nome install

Parâmetro Tipo Descrição
plugin function|Object Função de instalação ou objeto contendo uma função com o nome install. O primeiro argumento da função é o objeto Mamba

e.g.

import { Mamba } from 'mamba-websdk'
import router from './router'

/* eslint-disable no-new */
new Mamba({
  el: '#app'
})

Mamba.use(router)

component (name: string, component: IComponent)

Cadastra um componente globalmente.

Parâmetro Tipo Descrição
name string Nome do componente
component IComponent O componente em si

e.g

import { Mamba } from 'mamba-websdk'
import { MyAvatar } from './avatar.js'

// Em todo template de componente será possível utilizar a tag my-avatar
Mamba.component('my-avatar', MyAvatar)

Em qualquer componente

<div class="my-component">
  <my-avatar></my-avatar>
</div>

createComponent (component: IComponent, options: ICreateComponentOptions): Component

Instancia um componente.

Parâmetro Tipo Descrição
component IComponent O componente em si
options ICreateComponentOptions Opções passadas para o componente

ICreateComponentOptions possui a seguinte estrutura

Chave Valor Descrição
parent Component A instância do componente pai
props Object Props que irão substituir os props padrões do componente

e.g.

import MyComponent from '../my-component'

var component = Mamba.createComponent(MyComponent, {
  props: {
    mbText: 'This is my text',
    mbDescription: 'and it's beautiful'
  }
})

component.mount(document.body)