资讯专栏INFORMATION COLUMN

vue基础知识 汇总

ky0ncheng / 1725人阅读

摘要:类似于页面加载完毕执行的操作,比如默认加载商品列表需特别注意,和遍历是在前,在后。过滤器应用在产品金额前加上符号局部过滤器在实例中创建过滤器名称全局过滤器在实例外建立语法过滤器名称回调参数举例或者写成元方法语法全局方法局部方法

mounted

mounted 类似于window.onload 页面加载完毕执行的操作,比如默认加载商品列表

 mounted: function () {
            this.$nextTick(  //
                function () {
                    vm.createView();
                }
            );
        },
v-for

需特别注意,v-for和js遍历是 item在前,index在后。 jq遍历相反。

v-for

 
  • filter过滤器

    应用1:在产品金额前加上¥符号

    局部过滤器: 在实例中创建

     filters:{
        formatMoney:function(value){
          return "¥"+value.toFixed(2);
      }
    

    html:

    {{item.productPrice | formatMoney}}
             value        过滤器名称
    
    

    全局过滤器:在 vue 实例外建立
    语法:

    Vue.filter( 过滤器名称,回调 function(value,参数))
    

    举例:

    Vue.filter("money", function(value,type){
    return "¥"+value+type;
    })
    

    或者写成

    Vue.filter("money",jine);
    
    function jine(value,type){
      return value+type;
    }
    

    Html:

    {{item.productPrice | money("元") }}
             value             type
    
    
    set方法

    语法:Vue.set( target, key, value )

     Vue.set(item, "checked", true);// 全局set方法
     this.$set(item,"checked",true) //局部set方法

    文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

    转载请注明本文地址:https://www.ucloud.cn/yun/95168.html

    相关文章

    • 前端资源系列(4)-前端学习资源分享&前端面试资源汇总

      摘要:特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 本以为自己收藏的站点多,可以很快搞定,没想到一入汇总深似海。还有很多不足&遗漏的地方,欢迎补充。有错误的地方,还请斧正... 托管: welcome to git,欢迎交流,感谢star 有好友反应和斧正,会及时更新,平时业务工作时也会不定期更...

      princekin 评论0 收藏0
    • 前端相关汇总

      摘要:简介前端发展迅速,开发者富有的创造力不断的给前端生态注入新生命,各种库框架工程化构建工具层出不穷,眼花缭乱,不盲目追求前沿技术,学习框架和库在满足自己开发需求的基础上,然后最好可以对源码进行调研,了解和深入实现原理,从中可以获得更多的收获随 showImg(https://segmentfault.com/img/remote/1460000016784101?w=936&h=397)...

      BenCHou 评论0 收藏0
    • Vue + ArcGIS API for JavaScript 构建前端GIS应用(一)

      摘要:技术路线的选择技术学习内容汇总技术路线的选择项目的技术路线是使用构建一套前端应用,更加具体的技术路线实际上是,应用到了技术栈加上了最新版的。不管怎么说,以这次项目对的使用体验挺好。本次项目没有使用开源的要求,自然是最好的选择。 写这篇总结的意义:总结,回顾,反思项目进行过程和这套Vue + ArcGIS API for JavaScriptGIS前端应用技术路线,从项目与技术两个方面积...

      lufficc 评论0 收藏0

    发表评论

    0条评论

    ky0ncheng

    |高级讲师

    TA的文章

    阅读更多
    最新活动
    阅读需要支付1元查看
    <