码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-11-07 14:59:54      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:com   tail   rip   bsp   def   exp   创建   port   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,
        },
}

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

标签:com   tail   rip   bsp   def   exp   创建   port   vue组件   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!