vue组件的创建和使用(小功能)
Posted wssdx
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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组件的创建和使用(小功能)的主要内容,如果未能解决你的问题,请参考以下文章