1. 标准色
2. 配色

当表格列过多时，可设置筛选选择要展示的列

eventbus总结

1. 表格列单独放在JS文件里引入data
2. 按钮的渲染以及eventbus通信
3. 表头上渲染按钮
4. 渲染绑定attrs
5. 列的筛选
6. 列的排序

当系统中存在很多带分页的表格数据展示时，可以使用混入（mixins）减少代码量。

在混入中设置表格的设置表格最小高度，并预先设置好分页。

打开文件夹

1

C:\Users\用户名\AppData\Roaming\Scooter Software\Beyond Compare 3

删除所有文件，重新启动软件

申请账号

点击https://mp.weixin.qq.com/wxopen/waregister?action=step1 申请账号

插件

通用

Chinese (Simplified) Language Pack for Visual Studio Code

适用于 VS Code 的中文（简体）语言包

安装后，在 locale.json 中添加 "locale": "zh-cn"，即可载入中文（简体）语言包。要修改 locale.json，你可以同时按下 Ctrl+Shift+P 打开命令面板，之后输入config` 筛选

化繁为简的Watch

场景还原：

1
2
3
4
5
6
7
8

created(){
  this.getData()
},
watch: {
  inputValue(){
    this.getData()
  }
}

组件创建的时候我们获取一次列表数据，同时监听input框，每当发生变化的时候重新获取一次列表数据

优化：
首先，在watchers中，可以直接使用函数的字面量名称；其次，声明immediate:true表示创建组件时立马执行一次。

1
2
3
4
5
6

watch: {
  searchInputValue:{
    handler: 'fetchPostList',
    immediate: true
  }
}

组件规范化开发要求

• 单文件组件开发（SFC）
• 单元测试实现
• 支持<script>及模块化规范引入
• 发布到npm