Vue2.2.0+新特性整理及注意事项-创新互联
大家对vue的基本概念了解吗?不太清楚的朋友可以先熟悉下。
创新互联公司-专业网站定制、快速模板网站建设、高性价比石城网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式石城网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖石城地区。费用合理售后完善,10年实体公司更值得信赖。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:` ` // ... })
分享文章:Vue2.2.0+新特性整理及注意事项-创新互联
文章地址:http://pwwzsj.com/article/psjpj.html