vue学习第18天,过滤器 单文件组件

本文介绍Vue.js中过滤器的基本用法,包括如何在模板语法中使用过滤器来处理显示数据,以及单文件组件(.vue)的优势,如更好的代码组织和维护性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1,过滤器 一般用来对文本进行格式化 主要用在 {{}} 插值 和 v-bind: 接受参数的时候使用 

2,过滤器 使用 管道符 | 分隔 将过滤器前面的 操作链 的 结果 作为 第一个参数传入 

3,多个过滤器 可以串联 每个过滤器 把前面的操作链的结果 作为参数 计算之后 将结果传给 后面的过滤器进行计算 

4,过滤器 也是 javascript 函数 可以接收多个参数 但是 过滤器 前面的操作链的结果 总是作为过滤器的第一个参数传入的

5,通过 Vue.component 定义的全局组件 要求在全局内不能重名 有时候还要使用 很不友好的 \ 符号 还不能使用 css 只能使用html 和 ECms5 不能使用 babel 等预编译工具

6,单文件组件 .vue 可以解决全局组件的缺点 

7,相比于 将 html css js 三块分离 然后交织在一起 反而是 在单文件组件里面 写自己的 css html js 然后在把这些组件搭配使用 更容易理解与维护

8,如果非要在单文件组件里面将 css js 提取出来的话 也可以实现

9,生产环境部署的时候 应该去掉开发环境中的报错的判断等辅助开发的代码 应该切换到生产环境下面 使用 精简的代码

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值