260 字
1 分钟
Vue相关
注意点
- 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
语法糖,令自定义组件的某一个属性双向绑定
<my-com :foo.sync="bar"></my-com>会被拓展为如下代码
<my-com :foo="bar" @update:foo="val => foo = val"></my-com>当子组件需要更新foo的值时,需要显式的触发一个更新事件
this.$emit('update:foo', newValue) 分享
如果这篇文章对你有帮助,欢迎分享给更多人!
部分信息可能已经过时
相关文章 智能推荐