Vue组件

1.什么是组件

        在 Vue 中，组件是构成页面中独立结构单元,能够减少重复代码的编写，提高开发效率降低代码之间的耦合程度，使项目更易维护和管理。组件主要以页面结构的形式存在，不同组件也具有基本交互功能，根据业务逻辑实现复杂的项目功能。

2.全局注册组件 

         Vue.component('组件名称', { })，第1个参数是标签名称，第2个参数是一个选项对象。全局组件注册后，任何vue实例都可以用。

        

 3.局部注册组件

         

 4.template模版

         template模板是用字符串保存的，这种方式不仅容易出错，也不适合编写复杂的页面结构。实际上，模板代码是可以写在HTML结构中的，这样就有利于在编辑器中显示代码提示和高亮显示，不仅改善了开发体验，也提高了开发效率。
        Vue 提供了<templale>标签来定义结构的模板，可以在该标签中书写HTML代码，然后通过id值绑定到组件内的 template 属性上。

5.组件之间的传递

        在Vue中，组件实例具有局部作用域，组件之间的数据传递需要借助一些工具(如pops属性)来实现父组件向子组件传递数据信息。父组件和子组件的依赖关系是完成数据传递的基础