vue 常用小结(1)

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,543评论 1 11
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,276评论 0 25
  • 下载安装搭建环境 可以选npm安装,或者简单下载一个开发版的vue.js文件 浏览器打开加载有vue的文档时,控制...
    冥冥2017阅读 6,097评论 0 42
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,145评论 1 32
  • 母亲节,我说,今天我们应该和妈妈一起拍个合影。在哪里拍?就在家门口啊!家门口的一棵月季,开了三朵大红花,芬...
    苏州的蔷薇花开阅读 2,305评论 18 24