美文网首页vue
vue 常用小结(1)

vue 常用小结(1)

作者: 牙小于 | 来源:发表于2019-08-13 15:20 被阅读0次

    ###checked 和selected 相当于相当于现在的v-model

    ##.事件

    阻止事件冒泡(阻止事件传播不一定向上

    - @  .stop

    e.stopPropagation || window.event.cancelBubble= true

    表现: 多层嵌套元素添加点击事件,除触发目标元素事件外,会向上冒泡触发父元素

    阻止事件默认行为     

    - @  .prevent

    e.preventDefault || window.event.returnValue == false

    表现:a的点击跳转事件 (点击a并不发生跳转)

    js里面的return 只能阻止事件的默认行为,但会继续冒泡, jq里面既可阻止事件默认行为又可阻止事件默认行为

    @- .self 只有点击自己时候触发

    e.srcElement(IE) || window.event.target(火狐)

    - @   e.capture 捕获的先执行

    -@.once 只执行一次

    ##管道符 {{ '1223'|my(123) }}

    filters: {

        my(data,params1,params2){
        }

    }

    共用: Vue.filter('my-filter‘,function(){

    })

    new Vue()

    过滤器要放在页面顶部,实例话之前

    ### computed “计算属性”不是方法

    缺点:默认调用get方法,要有return ,不支持异步

    方法不会缓存,computed会根据依赖的属性(归vue管理的,可以实现响应式变化)进行缓存/计算属性是基于它们的 响应式依赖   进行缓存

     - 组成:get和set,不能只写set

    - get    // 返回什么结果,就会赋予给msg属性

    -set    // val 是给msg赋值时 传过来的(改了自己就会影响其他人,不写这个就不会影响别人的值)                 

    相关文章

      网友评论

        本文标题:vue 常用小结(1)

        本文链接:https://www.haomeiwen.com/subject/laphkctx.html