VUE学习DAY02（数组中响应式方法、过滤器、组件化）

1. 因为Vue是响应式的，所以当数据发生变化时，Vue会自动检测数据变化，视图会发生对应的更新。
   Vue中包含了一组观察数组编译的方法，使用它们改变数组也会触发视图的更新。
   pop()删除数组中最后一个元素
   push()在数组中最后添加元素
   shift()删除数组中第一个元素
   unshift()在数组最前添加元素
   sort() 排序
   splice(start,)(可删除、替换、插入元素 )
   reverse()反转，顺序颠倒
   
   注意：通过索引修改数组不是响应式

2.过滤器
filters的定义
filters的使用（…|过滤器）

3. 组件化
   组件的使用分成三个步骤：
   创建组件构造器
   注册组件
   使用组件。
   
   1.Vue.extend()：
   调用Vue.extend()创建的是一个组件构造器。
   通常在创建组件构造器时，传入template代表我们自定义组件的模板。
   该模板就是在使用到组件的地方，要显示的HTML代码。
   事实上，这种写法在Vue2.x的文档中几乎已经看不到了，它会直接使用下面我们会讲到的语法糖，但是在很多资料还是会提到这种方式，而且这种方式是学习后面方式的基础。
   2.Vue.component()：
   调用Vue.component()是将刚才的组件构造器注册为一个组件，并且给它起一个组件的标签名称。
   所以需要传递两个参数：1、注册组件的标签名 2、组件构造器
   3.组件必须挂载在某个Vue实例下，否则它不会生效。
   我们来看下面我使用了三次
   而第三次其实并没有生效：

3.1. 全局组件和局部组件
当我们通过调用Vue.component()注册组件时，组件的注册是全局的
这意味着该组件可以在任意Vue示例下使用。
如果我们注册的组件是挂载在某个实例中, 那么就是一个局部组件
3.2 父组件和子组件
注册组件语法糖

模板分离写法