私のコンポーネントの1つでは、テンプレートの一部が2回繰り返されています。vue.jsの重複したコード単一のファイルコンポーネント
このようなことは可能ですか？
<template>
<div>
<div v-if='value'>
*** code here ***
include 'path_to_file.vue.part'
</div>
<div v-else>
** another code here ***
include 'path_to_file.vue.part'
</div>
</div>
</template>
(named) slotsを利用します。
<slot name="common"></slot>
その後、あなたは "輸入" しているテンプレートで：
<p slot="common">some</p>
いいえ、このコードは難しいです。その他のコンポーネントも含まれています。 –
@JacksonJ更新された回答をご覧ください。 –
あなたはとても状の第2 v-if交互にできます
<template>
<div>
<div v-if='value'>
*** code here ***
include 'path_to_file.vue.part'
</div>
<div v-if='!value'>
** another code here ***
include 'path_to_file.vue.part'
</div>
</div>
</template>
あなたはcですそれのvueコンポーネントを作成しますか？ – Saurabh
はい、できますが、難しくなります。繰り返しコードを貼り付けるだけです。 –
しかし、小さなコンポーネントを作成することはこれを処理する通常の方法です。特に難しいのは何ですか？ –