template使用 slot的名字要通过formColumns中的prop传递，注册的值与slot对应的值相同即可传递数据 template内可写element的标签
el-button的使用 type类型不同 颜色不同 icon按钮内的图标 @inputEnter 点击触发的方法
el-dialog{
:title="dialogTitle"
title 对应的标题 可动态绑定 在return内传递值
:visible.sync="dialogShow"
dialogShow 对应的是否显示 当对应的a为false，则弹出框消失
{
:width="componentData.mediaType === 'news' ? '1000px' : '890px'"
width="50%"
} 对应弹出框的宽度（相比较于页面的宽度）
:close-on-click-modal="false" 可以通过点击弹窗框外区域取消弹框
@close="close" Dialog 关闭的回调 如图一
<!-- 内容主题 -->
<m-form ref="dialogFrom" :formData="dialogFormData" :columns="dialogColumns">
</m-form>
<span slot="footer" class="dialog-footer">
<!-- 两个按钮 -->
<el-button type="primary" @click="dialogSure">保 存</el-button>
<el-button type="primary" @click="dialogShow = false">取 消</el-button>
</span>
}
图一如下
短路与的特殊用法 const clientInfo = res[0] && res[0].data 多个条件为true 有一个条件为false 后续则不再判断 前面的判断为true，后面的函数执行
短路或(或运算)的特殊用法 短路或 一旦遇到一个条件为true 那么后面的条件不再判断 条件1 || 条件2 || 条件3 var message = info.name || info.age || info.height
finally方法返回一个promise，在promise结束时，无论结果时fulfilled还是rejected，都会执行指定的回调函数。这为在promise是否成功完成后 都需要执行的代码提供了一种方式，避免同样的语句在catch或者then后在写一次 .catch(() => { }).finally(() => { this.saveLoading = false })
Boolena的隐式转换 五个特殊的值转换为布尔类型为false 其余为true "" 0 undefined null NaN
函数的参数 在函数内部，把参数当作变量使用，进行需要的数据处理 函数调用时，按照函数定义的参数顺序，把希望在函数内部处理的数据，通过参数传递 形参：定义函数时，小括号内的参数 用来接受实参，在函数内部当作变量使用 实参，使用函数时，小括号内的参数，用来把数据传递到函数内部调用
函数一旦执行return操作 当前函数停止，若没有return 则默认返回 undefined return后面没有跟值，默认返回undefined
ref使用 当用ref给子组件或者元素注册信息，父级可以通过$refs直接操作此子组件或者元素的方法
map方法 传入的map(row)直接调用map内的row函数，即使用row函数的方法 箭头函数 删掉函数名和function关键字 使用=>链接参数列表和函数体 ids = rows.map(item => item[tableidKey]) const tableidKey = 'id' 将rows内的数据中对应为id的数值，重组传入ids内
关于方法内的英文字符的含义 没有必要关心 只是一个参数
