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名称要转为短横分割命名。