-
变量语义化，一定要表达出来它的用法。
-
公共组件可以放在 src/components下，如果是其中一个模块的子组件，需要单独放在文件下面。
-
在 中使用 type = index; :index = Function(){} 方法来处理索引。比如 ` : index = typeIndex
methods:{
typeIndex(index){ return index + 1 + (this.pages.pageNum - 1) * (this.pageSize) } } ` 4. 造数据？ 简单来说就是 当我滑动滑块显示不同的数字，然后 点击添加按钮把具体的数字也就是添加的数据条数传给 el-table 中，使之产生对应的数据，目前有三种方法，仅供参考 a. 使用for 循环
for(let i = 0 ; i< this.changeNum; i++){
let addData = {
name:"LBJ",
age: 38,
}
this.tableData.push(addData)
}
b. es6中 数组的扩展方法 fill
let tableData = new Array(this.changeNum).fill({
name:"LBJ",
age: 38,
}) fill 方法是填充数组的，当填充的是一个对象的时候，切记不是深拷贝，是浅拷贝，只是引用对象地址。 c. 使用 的也是 es6 中的方法 Array.from()。
this.tableData = this.tableData.concat(
Array.from({length:this.changeNum},
()=>{ name:"LBJ", age: 38, } ) )
- 设置表头功能，使用checkbox 点击的时候显示 A、B、C，点击就A 就可以显示 A 名称的数据，以此类推，遇到这种情况，首先我们要现在 表格的数据类型中 增加一个 属性 show ：true/false, 然后 在 el-checkbox 中使用 for 循环，v-model 绑定 show 属性对应的值，之后 在处理表格名称数据展示的这一栏，即 使用 v-for 循环，然后 处理一下 v-for =" item in tableHeadInfo " 的 tableHeadInfo ， 即使用Vue 中的计算属性 以及 filter 方法 过滤出来，当点击选择 checkbox 选项中的一个时的数据。
- 兄弟组件的传值？ el-slider 组件中的 changeNum 传给 tableShow 组件，方法很多，在这里总结一下 目前这个demo 中使用的 方法，首先 把这两个兄弟组件同时放到 父组件 index.vue中，然后首先 在 index.vue中 声明 changeNum 一个初始值，当然了也要在 引入的子组件中 使用 v-model 中绑定一下，在 sliderNum 组件中的 el-slider 使用 :value 来 绑定一个 sliderValue ，然后 props 接收，并且使用计算属性computed 当滑块数字变化时，把 sliderValue return 。那么这个数字变化的值是谁传的呢？ 计算属性只是根据依赖的值发生变化，那这个变化的值是 在 el-slider 上使用 @input="handleChange " 的方法，根据滑块值实时的变化，把这个值用 this.emit ("input",val)
