Vue笔记4:过滤器和监视改动

  • filter filters
    • 全局过滤器(所有组件有效):Vue.filter(''过滤器名,'过滤函数')
    • 组件内过滤器(组件内有效):Vue.filters(''过滤器名,'过滤函数')

代码:




    过滤器


    

watch 单个

  • watch和v-model的区别
    • v-model仅仅是对数据双向绑定
    • watch 对符合匹配规则的数据进行函数处理
  • 对复杂数据建议使用computed 计算属性
    代码示例



   Watch


   

computed (计算属性)多个

  • computed:{ 监视的业务名:function(){ return 显示的内容 }}
    • 使用: {{ 计算属性的名称 }}
      代码示例:



    Computed


    

总结

  • 可全局使用的有:组件/过滤器 (直接用,全局不带s)
  • 过滤器: function(原数据,参数1,参数2){ return 结果 }
    • 调用:{{ '数据' | 过滤器名(参数1,参数2) }}
  • watch单个监视
  • computed 群体监视

你可能感兴趣的:(Vue笔记4:过滤器和监视改动)