初识Vue之案例二（计算属性与过滤器的使用）

一 效果：

二 代码






1.过滤器：（通过在渲染数据中写了|和方法名为fmtPrice）


vue中过滤器方法：（此为全局变量的过滤器）

我的目的是让价格保留两位小数前面有人民币符号（过滤器的目的是在渲染过程中提前帮你过滤掉你不需要的数据）。

2.计算属性：（计算属性是为了减少div的代码量方便修改）

（通过在vue中computed中写方法名为fullname()）

在div中加标签渲染到页面