vue知识点

一、vue的事件处理

1、vue的自带事件修饰符

(1)、prevent阻止事件的默认行为

<form action="http://www.baidu.com">
     <input type="submit" @click.prevent="mysubmit" />
</form>

(2)、stop阻止事件的冒泡

<div class="outer">
     <div class="inner" @click.stop="myclick"></div>
</div>

(3)、once绑定只执行一次的事件

<button @click.once="btnclick">点击</button>

(4)、self 当且仅当事件是由自身触发时才会触发事件回调函数

<div @click.self="myclick" class="outer">
     <div class="inner">

     </div>
</div>

三、计算属性

new Vue({
    el:"",
    data:{},
    methods:{},
    computed:{  //用于存放计算属性

    }
})

四、vue-resource在vue中实现发送ajax

  • vue和vue-resource之间的关系
  • jQuery和jQuery插件之间的关系
posted @ 2017-11-02 20:38  不完美的完美  阅读(255)  评论(0编辑  收藏  举报