Vue基础

指令

1. v-html	|	 v-text 	| 	 {{}} 
2. v-bind	: 
3. v-model:	v-model  => @input + :value
	:value='msg' @input='msg = event.target.value'
4. v-on
5. v-for & :key
6. v-show  	|  v-if  v-else-if	v-else
7. v-clock

修饰符

#### 事件修饰符
	prevent
	stop
	once 
	self 目标对象是自己的时候
	capture 捕获模式
	passive 事件默认行为立即执行，无需等待回调完毕

表单修饰符

number
trim 
lazy

计算属性 computed

computed:{
	fullName:{
		get(){
			return this.firstName + this.lastName;
		},
		set(val){
			console.log(val)
		}
	}
}

侦听属性 watch

	watch:{
		msg:{
			immediate:true,//立即执行
			deep:true,//深度监听 vue自身有深度侦听 只是该watch侦听为了提高效率默认不开启深度监听
			handler(newValue,oldValue){
				//代码块
			}
		}
	}

生命周期

Vue从创建、运行、销毁所经历的一系列过程称为生命周期

生命周期钩子函数
	创建
		beforeCreate created beforeMounte mounted
	运行
		beforeUpdate updated
	销毁
		beforeDestroy destoryed