(八)正式开始组件

正式开始组件

为什么说是正式开始呢，vue本来就是单页面应用，组件化，尽量保持，一个组件只做一件事情，降低耦合度，
前边那几篇都是在说vue的基本用法，为什么要那样去写
所以我们真正了解完组件之后，结合路由，我们就能有一个小的架构了，就像是你学习Java学到了类一样，开始了一个层面的编程项目书写，
后期再开始学习其他的功能加强自己的项目

（一）创建一个组件 组件是可复用的 Vue 实例

组件可以是一个完整的页面，也可以是一部分
官方文章上是进行H5的vue组件创建 我们之前说了建议直接脚手架创建，写.vue的文件
这样的一个.vue文件 里面包含

<template>
<组件名> </组件名>
</template>
<script>
import 组件名 from '引用的组件路径'
 export default {
 name:"组件名",
 components:{
   //组件的依赖注入（就是你想在这个页面里面使用其他的组件就要在这里声明）
 }
 data(){
	return{
	 
	}
 }
}
</script>
<style scoped>
</style>

上述是创建一个组件 和 引用组件的方式

注意解释

这里牵扯到了全局注册和局部注册，我们在写的时候使用的是.vue文件不是吗 就是模块系统
所以我们上述的操作为局部注册 就是你要用就是要去注册
那怎么全局注册呢
在应用入口文件 main.js 文件里面 进行引入