Vue2.2.0+新特性整理及注意事项-创新互联

大家对vue的基本概念了解吗？不太清楚的朋友可以先熟悉下。

vue基础教程

Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。
Vue 只关注视图层， 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

本文给大家整理了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:`
 `
 
 // ...
})