第一章:vue.js-过滤器(基础篇)

      vue.js支持在{{}}插值的尾部添加一个管道符“(|)”对数据进行过滤,经常用于格式化文本,比如字母全部大写、货币千位使用逗号分隔符等等。过滤的规则是自定义的,通过给Vue实例添加选项filters来设置,例如本小节用来copy一份实时显示当前时间的示例,可以对时间进行格式化处理:

直接上代码


//挂载点

    {{ date | formatDate }}


小结:通过这个简单的一个小例子,在熟悉vue基本语法的情况下,我们对过滤器有了一个简单的认识,过滤器应当用于处理简单的文本转换,如果要实现复杂的数据变换,应该使用计算函数。


下一章:vue.js-指令与事件(基础篇)

你可能感兴趣的:(第一章:vue.js-过滤器(基础篇))