VUE教程（第四节）

上节课学了十大指令，小伙伴们是否还有印象，今天讲的是4个常用选项：过滤器filters、计算属性computed、方法methods、观察watch。

——》过滤器：filters

是指将数值进行二次处理的方法，请看代码：

过滤器代码.png 过滤器效果.png

而且据本人了解，过滤器只能是这样的花括号写法哦，

好吧，我们再来个其他课程不怎么说的东东，请看代码：

过滤器加参数代码.png 过滤器加参数效果.png

咦~~，这是什么鬼，过滤器是可以穿参数的呢，只需要把过滤器当做函数写法，传入值，然后在对应过滤器函数里面的第二个参数就是传入的参数哦，而且参数的数量随便你多少哦，是不是很棒棒的方法；

——》计算属性computed，这个东东这么说呢，就是我们要表达的值是一些值一起综合处理时候时候使用的，比如我们要做一个求和操作，请看代码：

计算属性代码.png 计算属性效果.png

这个样子就可以直接显示求和的值了，而且在数值变化时候，会自动计算显示出来，最常见的就是我们点外卖时候，当你增加了菜品，总金额是不是会动态变化呢？超级棒棒的功能；

——》方法methods，这个是最常用的了，就是在这个对象里面写方法，写函数啦，look代码：

方法代码.png 方法显示效果.png

我们在按钮上添加了一个点击事件，执行一个函数，然后将num这个参数加1操作，就是这么简单。

——》观察watch，看名字就知道是一个卧底的故事，这个方法是监听参数变化的，可以获取到参数变化的初始值和变化后的值，看看代码就知道啦：

观察者代码.png 观察者效果.png

look,我们就这样截获了data数据的变化，然后展示出来了，当我们要判断数据前后变化差异时候，就可轻松使用这个方法来进行操作啦！

这就是四个常用选项，一般情况下，学会了这4个就可以进行正常的开发了哦，加油加油！棒棒的你呢！

喜欢的朋友可以关注我哦，每周更新，一起学习互联网技术；

公众号