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,

        },

}