Vue的Option API
Posted coder斌
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue的Option API相关的知识，希望对你有一定的参考价值。
Vue的Option API
方法 methods
methods的基本使用
定义方法并使用
methods方法绑定this
计算属性 computed
computed的基本使用
定义属性并使用
computed的 setter 和 getter
在上面图片看来，计算属性像是函数，但为什么叫属性呢？
其实这是简便写法。因为计算属性我们经常用的是它的 getter方法。
完整写法
computed VS methods
看起来我们在用这两个部分时，相差的就仅仅只是一个括号而以，其实不然。
computed具有缓存，只要依赖的值不发生变化，无论调用多少次，computed里面的运算都只计算一次，当然依赖变化，又要重新运算。
methods不具有缓存，只要运用一次，方法里面的代码就要计算一次。
侦听器Watch的使用
基本使用
可以对监听数据改变时，做一些操作，可以取到旧值，和新值。
侦听器的配置选项
因为对象是一种复杂类型的数据，存储在堆中，栈内保存的只是对象的引用
假如用上面的方法 watch监听整个对象，还是有点乏力，所以要进行一些配置。
handler:监听的函数immediate:是否立即指向，就是在页面打开开始是否就执行一次deep: 是否深度监听。
侦听器watch的其他方式
vue2的方法
字符串
多个函数监听一个对象
以上是关于Vue的Option API的主要内容，如果未能解决你的问题，请参考以下文章