File size: 1,850 Bytes
4d70170 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 |
<script>
export default {
extends: {
extends: {
data() {
return {
dataFromExtendsExtends: 'hey',
}
},
computed: {
computedFromExtendsExtends() {
return `extends extends:${this.dataFromMixinExtends}`
},
},
inject: {
meow: {
from: 'cat',
default: 'Meow',
},
},
},
mixins: [
{
data() {
return {
dataFromExtendsMixin: 'cat',
}
},
computed: {
computedFromExtendsMixin() {
return `extends mixin:${this.dataFromMixinMixin}`
},
},
},
],
data() {
return {
dataFromExtends: 'meow',
}
},
computed: {
computedFromExtends() {
return `extends:${this.dataFromExtends}`
},
},
},
mixins: [
{
extends: {
data() {
return {
dataFromMixinExtends: 'cheese',
}
},
computed: {
computedFromMixinExtends() {
return `mixin extends:${this.dataFromMixinExtends}`
},
},
},
mixins: [
{
data() {
return {
dataFromMixinMixin: 'waf',
}
},
computed: {
computedFromMixinMixin() {
return `mixin mixin:${this.dataFromMixinMixin}`
},
},
},
],
data() {
return {
dataFromMixin: '42',
}
},
computed: {
computedFromMixin() {
return `mixin:${this.dataFromMixin}`
},
},
},
],
}
</script>
<template>
<input v-model="dataFromExtends">
{{ computedFromExtends }}
<input v-model="dataFromMixin">
{{ computedFromMixin }}
</template>
|