Vue学习小结

1.Vue中的事件修饰符：

1. prevent:阻止默认事件（常用）
2. stop:阻止事件冒泡（常用）
3. once:事件只触发一次（常用）
4. capture:使用事件的捕获模式（跟冒泡相反的一种模式）
5. self:只有event.target是当前操作的元素的时才触发事件
6. passive:事件的默认行为为立即执行。无需等待事件回调执行完毕（类似于同步改异步，执行方法的时候不会阻塞，但是不是所有事件都会阻塞，有些事件本身好像就是异步的，所以这里看情况吧）

//这样就不会跳转到链接页面去了
<a href="htt://www.baidu.com" @click.prevent="showInfo">点我提示信息</a>
//小tips，事件还支持连续写@click.prevent.stop

2.计算属性

1. 定义：要用的属性不存在，要通过已有属性计算得来。
2. 原理：底层借助了Object.defineproperty方法提供的getter和setter。
3. get函数什么时候执行
   （1）初次读取属性会执行一次
   （2）当依赖的数据发生改变时会被再次调用
4. 优势：与methods实现相比，内部有缓存机制（复用），效率更高，调试方便（？这个倒是没啥感觉）。
5. 计算属性最红会出现在vm上，直接读取使用即可
6. 如果计算属性要被修改，那必须写set函数去响应修改，且set中要引起计算时依赖的数据发生变化

computed:{
	fullName:{
		get(){
			return xxx;
		},
		set(value){
			this.xxx=value;
		}
	},
	//一般情况下只需要用到get，可以简写为
	fullName:function(){
		return xxx;
	}
}