filters

filters最主要的功能是將文字資料格式化，我們可以在filters中放入自己寫好的function，像是全部英文字母轉大寫、價錢數值的格式化等等。

Vue.directive

1、自定义指令中传递的三个参数

• el:指令所绑定的元素，可以用来直接操作DOM。
• binding: 一个对象，包含指令的很多信息。
• vnode:Vue编译生成的虚拟节点。

2、自定义指令的生命周期

自定义指令有五个生命周期（也叫钩子函数），分别是 bind,inserted,update,componentUpdated,unbind

1. bind:只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个绑定时执行一次的初始化动作。
2. inserted:被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于document中）。
3. update:被绑定于元素所在的模板更新时调用，而无论绑定值是否变化。通过比较更新前后的绑定值，忽略不必要的模板更新。
4. componentUpdated:被绑定元素所在模板完成一次更新周期时调用。
5. unbind:只调用一次，指令与元素解绑时调用。

Vue.extend

• 经常服务于Vue.component用来生成组件
• 当在模板中遇到该组件名称作为标签的自定义元素时，会自动调用“Vue.extend”来生产组件实例，并挂载到自定义元素上
• 可以自己生自定义无参数标签/挂载到普通标签上(class/id)
• Vue.extend 创建组件的构造函数,为了复用

Vue.set

• Constructor外部操作Constructor內部的數據／屬性/方法
• 外部数据的加入让程序更加灵活，我们可以在外部获取任何想要的数据形式，然后让data引用。

为什么要有Vue.set的存在?

• 由于Javascript的限制，Vue不能自动检测以下变动的数组。
• *当你利用索引直接设置一个项时，vue不会为我们自动更新。
• *当你修改数组的长度时，vue不会为我们自动更新

三種改變數據

1、用Vue.set改变

2、用Vue object改變

3.直接操作外部數據