2 идентичных файла, как собрать шаблон / компонент в Vue.js 2 - PullRequest
Новая
       4

2 идентичных файла, как собрать шаблон / компонент в Vue.js 2

0 голосов
/ 22 ноября 2018

Я использую Vue.js 2.0 , и у меня точно такой же код в 2 разных файлах, единственное, что меняется, это ID_SPECIFIC_TO_THIS_BLOCK , поэтому я новичок в Vueи мне было интересно, если бы был способ реализовать такой шаблон, который я мог бы использовать повторно для моих 2 файлов

Ниже вы можете найти весь код для одного файла: 

<template>
    <div>
        <div class="container">
            <hp-row>
                <hp-column>
                    <component v-for="component in content.column" :data="component" :key="component.id" :is="getComponentIdentifier(component.is)"></component>
                </hp-column>
            </hp-row>
        </div>
    </div>
</template>

<script>
import ModularView from '@/views/ModularView'

export default {
    name: 'AboutUsView',
    mixins: [ModularView],

    created () {
        this.fetch('blocks/ID_SPECIFIC_TO_THIS_BLOCK')
    },
}
</script>

1 Ответ

0 голосов
/ 22 ноября 2018

Используйте реквизит: 

export default {
    name: 'AboutUsView',
    mixins: [ModularView],
    props: ['ID_SPECIFIC_TO_THIS_BLOCK']
    created () {
        this.fetch(`blocks/${this.ID_SPECIFIC_TO_THIS_BLOCK}`)
    },
}

<about-us-view ID_SPECIFIC_TO_THIS_BLOCK="123"></about-us-view>
<about-us-view ID_SPECIFIC_TO_THIS_BLOCK="789"></about-us-view>
...