Vue的节点
2021-08-18 本文已影响0人
沃德麻鸭
过滤器Filters
过滤器函数，必须定义在filters节点之下，过滤器本质是函数
分为私有过滤器和全局过滤器
在实例中filters节点之下的过滤器为私有过滤器，因为它只能在当前vm示例所属;
过滤器函数形参中的val永远都是 ‘ | ’ 管道符前面的那个值。
过滤器中一定要有return返回值
插值表达式和过滤器函数
需要格式化的文本
过滤器中设置capi函数
全局过滤器独立在vm实例之外：Vue.filter(参数一，参数二) 注意不带‘s’ 有两个参数：
第一个参数 是全局过滤器的‘名字’
第二个参数 是全局过滤器的“处理函数”
如果全局过滤器和私有过滤器名字冲突，则就近原则调用私有过滤器。
全局过滤器
侦听器watch
侦听器分为方法格式的侦听器还有对象格式的侦听器。
方法格式的侦听器缺点：（通过使用对象格式的侦听器来避免方法格式带来的短处）
①无法在刚进入页面时自动触发；
②如果侦听的是对象，对象属性变化不会触发侦听器。
对象格式的侦听器
（对象命名与数据源中的属性对应）侦听谁就定义谁为属性
固定用法：
处理函数用handler(newVal，oldVal)
immediate值为布尔值，默认为false,也是通过这个选项设置侦听器是否自动触发。
deep选项，深度监听，只要对象中任何一个属性变化了，都会触发侦听器。
如果只想监听对象中单个属性的变化
计算属性 computed
特点：
定义的时候，要被定义为“方法”
在使用计算属性的时候，当普通的属性使用即可
好处：
实现了代码的复用
只要计算属性中依赖的数据源变化了，则计算属性会自动重新求值！
html搭建，表单数据双向绑定
声明数据源
事件绑定和计算属性
事件绑定在按钮上，使用rgb时直接当属性用就可以
