使用el表示重复多次的vue.js组件

时间:2018-04-10 14:19:15

标签: vue.js vuejs2 vue-component

我有一个名为Card.vue的组件多次重复。所以组件没有一个实例。我是否仍应使用el将元素与组件链接?即我应该做以下或其他什么?

<template>
  <div class="card">
    ...
  </div>
</template>

<script>
export default {
  el: '.card', // should I use another property (list?) or something else?
}
</script>

<style lang="scss">

</style>

1 个答案:

答案 0 :(得分:1)

el用于顶级Vue实例,以指示应插入实例的位置。

您通常不应向组件提供el。它们通常使用父模板中的自定义标签插入。有关示例和一般信息,请参阅the docs

使用您的组件的父对象可能具有类似

的代码
<Card></Card>

插入组件。虽然你应该为你的组件使用safe custom tag(主要意味着它应该有一个连字符)。