注意点
- Vue 自动为
methods绑定this，因此定义methods时应避免使用箭头函数。 v-show不支持<template>元素。- 当
v-if与v-for一起使用时，v-if具有比v-for更高的优先级（不推荐一起使用）。 v-model会忽略所有表单元素的value、checked、selectedattribute 的初始值而总是将当前活动实例的数据作为数据来源。- 编写选择框时，建议在首位设置一个不可选择的选项，以兼容ios
- 禁用 Attribute 继承：在组件的选项中设置
inheritAttrs: false - 当在子组件
emits选项中定义了原生事件 (如click) 时，将使用子组件中的事件替代原生事件侦听器。 - ::v-deep所修饰的css类必须存在父css类，否则不会生效
特性2.0
.sync
语法糖，令自定义组件的某一个属性双向绑定
1 | <my-com :foo.sync="bar"></my-com> |
会被拓展为如下代码
1 | <my-com :foo="bar" @update:foo="val => foo = val"></my-com> |
当子组件需要更新foo的值时，需要显式的触发一个更新事件
1 | this.$emit('update:foo', newValue) |