加入收藏 | 设为首页 | 会员中心 | 我要投稿 云计算网_泰州站长网 (http://www.0523zz.com/)- 视觉智能、AI应用、CDN、行业物联网、智能数字人!
当前位置: 首页 > 运营中心 > 建站资源 > 优化 > 正文

久等了,提高开发效率的Vue 技巧来了

发布时间:2019-10-19 05:41:50 所属栏目:优化 来源:徐月超
导读:副标题#e# 最近俩月正好用 vue 做了一个大数据的项目,积累了很多心得。今天终于有机会分享出来了。 组件(component)的使用 vue 提供的模块化无疑是提高开发效率的神器,而且对于后期代码优化和维护也提供的极大地便利。 组件使用简介 vue 提供了组件功能,

同 component 一样 filter 也分为全局过滤器和局部过滤器。

  • 全局过滤器
  1. vue.filter('date', function (value1, value2, ...) { 
  2.     return '处理之后的结果' 
  3. }) 
  • 局部过滤器
  1. export default { 
  2.     filters: { 
  3.         date (value1, value2, ...) { 
  4.             return '处理之后的结果' 
  5.         } 
  6.     } 
  • 使用方式(不管是全局的还是局部的使用方式都一样):
  1. // 不带参数 
  2. {{value1 | date}} 
  3. // 带参数 
  4. {{value1 | date(value2, ...)}} 
  5. // 多个过滤器 
  6. {{value1 | filter1 | filter2}} 

注意:第一个参数是管道符 (|) 前面的值

常见的使用场景

(编辑:云计算网_泰州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读