样式处理
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中提供了一个专门的语法: 过滤器。
- 定义过滤器 Vue.filter(过滤器名字, 处理字符串的函数)
(1) 函数的返回值, 就是处理字符串的结果
(2) 函数的形参, 可以拿到处理的字符串
- 使用过滤器
{