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)