首页 > 其他 > 详细

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

时间:2019-11-07 15:52:09      阅读:100      评论:0      收藏:0      [点我收藏+]
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,
        },
}

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

原文:https://www.cnblogs.com/wssdx/p/11811845.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!