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