Skip to content

Commit d43ab9b

Browse files
author
brendon silva
committed
docs-pr-br: mixins function
1 parent 15d8b0f commit d43ab9b

File tree

2 files changed

+43
-0
lines changed

2 files changed

+43
-0
lines changed
Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
import { Component, ComponentBase, Vue, mixins } from 'vue-facing-decorator'
2+
3+
/*
4+
Vue options API
5+
{
6+
name:"MyComponent",
7+
extends:{
8+
mixins:[{
9+
name:'ComponentA'
10+
},{
11+
name:'ComponentB'
12+
}]
13+
}
14+
}
15+
*/
16+
@ComponentBase({
17+
name: "ComponentA"
18+
})
19+
class ComponentA extends Vue {
20+
21+
}
22+
23+
@ComponentBase({
24+
name: "ComponentB"
25+
})
26+
class ComponentB extends Vue {
27+
28+
}
29+
30+
@Component({
31+
name: "MyComponent"
32+
})
33+
export default class MyComponent extends mixins(ComponentA,ComponentB) {
34+
35+
}

docs/pt-br/inheritance/component/component.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,14 @@ Considere o código:
1010

1111
Exitem dois componentes: `MyComponent` e `SuperComponent`. A herança é implementada pelo vue com `extends`.
1212

13+
## Estender múltiplos componentes
14+
15+
Use `mixins` para estender múltiplos componentes que utilizam o decorator `ComponentBase`.
16+
17+
[](./code-mixins-function.ts ':include :type=code typescript')
18+
19+
20+
1321
## Para componentes nativos
1422

1523
Use `mixins` para mesclar dois componentes nativos.

0 commit comments

Comments
 (0)