文章目录
前言
本文章简述了 vue 中的组件概念 ，以及怎么使用组件 。 简单易懂?
??
?
提示：以下是本篇文章正文内容，下面案例可供参考
一、组件是什么？
?组件 : 组件是可复用的vue实例。一个组件就是一个从TComponent派生出来的特定对? ? ? ? ? ? 象。组件可以有自己的属性和方法。属性是组件数据的简单访问者。方法则是组? ? ? ? ? ? 件的一些简单而可见的功能。
组件的特点 ： 重用性 、可指定性、互操作性、高内聚性、低藕合度。
组件的好处? ：? 组件可以扩展HTML元素，封装可重用的代码。
二、使用步骤
1.新建组件
在文件 src 中的?components 下 右键新建 一个以 .vue 结尾的组件
代码如下（示例）：
?
2.引入组件
?在需要使用的页面? 进行 引入?。
?通过? import? ?自定义名字? from? “ 文件路径?”
代码如下（示例）：
<script>
//在这个位置引入
import info from "@/components/info.vue";
//操作方法
export default {
}
</script>
?3.注册组件
?在 script 中 的?export default{ } 中的??components 方法中? ?进行 注册?。
?通过??在 components: {? 自定义名字??},? 注册
代码如下（示例）：
<script>
//这里引入
import info from "@/components/info.vue";
export default {
name: '',
//这里注册
components: {
info //自定义的名字 ， 一般和引入的自定义名字相同
},
data () {
return {
}
},
created () { },
mounted () { },
methods: {}
}
</script>
?4.使用组件
?在需要使用的地方? 进行 以标签的形式使用?。
?通过? ?<info></info>? 使其进行使用 。
代码如下（示例）：
<template>
<div>
<!-- 以标签的形式使用 -->
<info></info>
</div>
</template>
总结
提示：这里对文章进行总结：
以上就是今天要讲的内容，本文仅仅简单介绍了 vue 中 组件? 的使用，认识了组件的特点和好处。
及怎么使用组件 下篇我们来介绍 组件 之间 怎么相互 传值的