vue组件的创建和使用(小功能)

titleBlock.vue组件页面
<template>
<!-- 通用标题头 -->
  <div style="margin: 20px 0;">
    <h3 style="margin-left: 20px">{{title}}</h3>
    <Divider />
  </div>
</template>

<script>
export default {
  props: ['title']
}
</script>

<style>

</style>
使用组件页面
<TitleBlock title="基本信息" style="margin-top:50px " />
 
import TitleBlock from '../archives/components/titleBlock'
    export default {
        name: 'brandDetail',
        components: {
            TitleBlock,
        },
}
posted @ 2019-11-07 14:26  苏小白啊  阅读(234)  评论(0编辑  收藏  举报