vue基础知识（三）

样式处理

v-bind 对于class的增强

v-bind 对于类名操作的增强, 需要注意的是:class 不会影响到原来的 class 属性。

:class=“对象/数组”

(1) :class=“对象”

{ 类名: 布尔值, 类名: 布尔值 }

如果是true, 加上这个类, 如果是false, 移除这个类

(2) :class=“数组”

[‘类名1’, ‘类名2’, ‘类名3’]

只要有这个类, 就加上

v-bind对于style 的增强

:style=“对象”

例如 :style=“{ width: ‘200px’ }”

过滤器

基本使用

过滤器（Filters）是 vue 为开发者提供的功能，常用于文本的格式化。过滤器主要是用来转换格式。过滤器本质上就是一个函数。

过滤器可以用在两个地方：插值表达式和 v-bind 属性绑定。

过滤器由 “管道符” |进行调用，示例代码如下

格式x — 过滤器 -----> 格式y

将来开发过程中, 肯定会有对于字符串进行处理转换的需求, vue中提供了一个专门的语法: 过滤器。

1. 定义过滤器 Vue.filter(过滤器名字, 处理字符串的函数)

(1) 函数的返回值, 就是处理字符串的结果

(2) 函数的形参, 可以拿到处理的字符串

2. 使用过滤器 {