Vue组件

一般来说，组件大致可以分为三类：

1.页面级别的组件

通常是pages目录下的.vue组件，是组成整个项目的一个大的页面，一般不会有对外的接口

2.业务上可复用的基础组件

通常是在业务中被各个页面服用的组件，这一类组件通常都写到components目录下，然后通过import在各个页面中使用，这一类组件通常是实现某个功能

3.与业务无关的独立组件

通常是与业务功能无关的独立组件，这类组件通常是作为基础组件，在各个业务组件或页面组件中被使用

----组件创建

组件的使用分为组件构造、注册组件、使用组件三个部分

 

Vue.extend({template}) 构建全局组件 

Vue.component('组件名称', 参数) 注册全局组件

<test-comp1></test-comp1> 使用全局组件

 也可以注册的时候直接创建

组件其实就是一个小的vue实例

组件里面的data必须是一个函数，如果是一个对象，那么多个组件引用的都是同一个对象 会存在关联，如果是函数，一个组件的data是函数调用 返回新的一个独立的对象

定义一个组件对象 然后在Vue实例里面通过components进行局部注册

组件只能有一个根节点

只能使用自己注册的子组件

可以将template抽离出来 然后通过选择器进行获取

以上2种抽离方式