vue

vue 常用小结(1)

2019-08-13  本文已影响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赋值时 传过来的(改了自己就会影响其他人,不写这个就不会影响别人的值)                 

上一篇 下一篇

猜你喜欢

热点阅读