1、:visible指的是属性绑定,表示弹框的显示隐藏,当:visible的值为ture的时候,弹框显示,当为false的时候,弹框隐藏,后面的.sync是什么意思呢,指的就是同步动态双向的来表示visible的值,当我们关闭窗口的时候,这个弹框隐藏了,visible的值发生了变化,但是关闭窗口这个动作,我们没法用确定的动作去判断这个值,所以用到了vue中的双向绑定的原则,在vue中统一加上了.sync来表示同步的修改了visible的值。例如<el-dialog>标签
2、对于自定义指令 v-loading,只需要绑定 Boolean即可,默认情况下,loading遮罩会插入到绑定元素的子节点通过添加 body修饰符,可以使遮罩插入至DOM中的body上。v-loading使用(来自官网介绍)_枕月娘娘万寿无疆的博客-优快云博客_v-loading
3、<el-table> cell-style:单元格的 style 的回调方法,也可以使用一个固定的 Object 为所有单元格设置一样的 Style。
4、Object的hasOwnProperty()
方法返回一个布尔值,判断对象是否包含特定的自身(非继承)属性。判断自身属性是否存在
5、for...in 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。
for in得到对对象的key或数组,字符串的下标
for of和forEach一样,是直接得到值
for of不能对象用
6、深入理解vue中的slot与slot-scope与scope.row_Vincent.TM的博客-优快云博客_scope.row
7、 .sync修饰符
//父组件将age传给子组件并使用.sync修饰符。
<MyFooter :age.sync="age">
</MyFooter>
//子组件触发事件
mounted () {
console.log(this.$emit('update:age',1234567));
}
这里注意我们的事件名称被换成了update:age
update:是被固定的也就是vue为我们约定好的名称部分
age是我们要修改的状态的名称,是我们手动配置的,与传入的状态名字对应起来
注意事项:这里我们必须在事件执行名称前加上update:的前缀才能正确触发事件。
8、<el-table>校验:属性rules,表单验证规则,类型object;方法validate,对整个表单进行校验的方法,参数为一个回调函数。该回调函数会在校验结束后被调用,并传入两个参数:是否校验成功和未通过校验的字段。若不传入回调函数,则会返回一个 promise,参数Function(callback: Function(boolean, object));事件validate,任一表单项被校验后触发,回调参数被校验的表单项 prop 值,校验是否通过,错误消息(如果存在)