VUE学习总结（三）

1、v-model
实现表单实时更新，但是在中文输入法敲入汉字时才会更新，如果希望总是实时更新，可以用@input代替v-model。

//@input = “handleMessage”
//{{message}}
//实例中定义方法
methods:{
	handleMessage(e){
		this.message = e.target.value
	}
}

2、v-model修饰符

• v-model的修饰符用于控制数据同步的时机。
• v-model.lazy：在失去焦点或按回车后才更新
• v-model.number：将输入转换为Number类型
• v-model.number：自动过滤首尾空格

3、组件
分为局部注册和全局注册两种，table标签中只允许是tr\td\th等表格元素，所以不能在table中使用组件。同样的还有ul\ol\select。

4、props传递数据

• props的值可以是两种，一种是字符串数组，一种是对象。
• props的数据来自父级。
• 由于html的特性不区分大小写，当使用DOM模版时，驼峰命名的props名称要转为短横分割命名。