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) 函数的形参, 可以拿到处理的字符串

  1. 使用过滤器 {
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值