美文网首页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)

    ###checked 和selected 相当于相当于现在的v-model ##.事件 阻止事件冒泡(阻止事件传播...

  • Vue-ajax

    vue 项目中常用的 2 个 ajax 库 1、 vue-resourcevue 插件, 非官方库, vue1.x...

  • vue

    vue 项目中常用的 2 个 ajax 库:vue-resource, axios 1. vue-resource...

  • Vuex原理和基础、高级用例和传参

    vue 项目中常用的 2 个 ajax 库:vue-resource, axios 1. vue-resource...

  • jquery模版 vue模版常用模版

    jquery常用 vue常用

  • 轻松玩转VUE 2.0及常用组件

    轻松玩转VUE 2.0及常用组件 一、vue1.vue生命周期Ⅰ、created =>作用:编译模板,把data里...

  • vue-Socket.io的使用(2)

    (1)基础配置和常用方法请看vue-Socket.io的使用(1)(2)nodeJS+vue+Socket.io聊...

  • Vue1.0学习小结1

    目录 什么是Vue? 常用指令 事件 属性 class和style 过滤器 数据交互 1. 什么是Vue? vue...

  • Vue知识点整理

    1. Vue实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的。 常用实例属性 ap...

  • Vue基础知识介绍

    本节主要介绍Vue.js开发中的常用指令介绍,后续会持续补充 1. vue中常用的v-指令 v-text // 是...

网友评论

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

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