Vue2.2.0+新特性整理

先附上官网:https://cn.vuejs.org/v2/guide/

2.2.0+版本

 

v-for

2.2.0+ 的版本里,当在组件中使用 v-for 时,key 现在是必须的。

 

鼠标修饰符

.left

.right

.middle

这些修饰符会限制处理函数仅响应特定的鼠标按钮。

 

model

允许一个自定义组件在使用 v-model 时定制 prop 和 event。默认情况下,一个组件上的 v-model 会把 value 用作 prop 且把 input 用作 event,但是一些输入类型比如单选框和复选框按钮可能想使用 value prop 来达到不同的目的。使用 model 选项可以回避这些情况产生的冲突。Vue.component('my-checkbox', {

model: { prop: 'checked', event: 'change' }, props: { // this allows using the `value` prop for a different purpose value: String, // use `checked` as the prop which take the place of `value` checked: { type: Number, default: 0 } },
data:function(){
return{
_value:this.value
}
},
template:`
<input
type="checkbox"
v-bind:checked="checked"
v-on:change="$emit('change',$event.target.checked)"
></input>`
// ... })

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zggszx.html