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组件的创建和使用(小功能)的主要内容,如果未能解决你的问题,请参考以下文章

Vue 组件化

vue.js之组件篇

Vue动态组件的实践与原理探究

Vue 组件创建的流程源码分析

vue除了组件还有什么

VUE 编写后台常用的组件