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)