美文网首页
vue超级简单引入组件方法

vue超级简单引入组件方法

作者: 金药 | 来源:发表于2021-04-15 15:09 被阅读0次

子组件代码

<template>
    <div v-bind:class="['wrap']">
      <div>床前明月光</div>
    </div>
</template>
<script>
export default {
  name: 'Text-Group',
}
</script>
<style>
.wrap{
  color:blue;
}
</style>

子组件位置


image.png

引入步骤图


image.png
效果图
image.png

完成

相关文章

网友评论

      本文标题:vue超级简单引入组件方法

      本文链接:https://www.haomeiwen.com/subject/ixeelltx.html