最近写了个select组件，添加了几个功能，如option过滤，设置默认值，添加change方法告知父组件等。
然后，提交后被返工了 💔
现在，重新审视自己的代码。发现最大的问题就是代码冗余：
我并没有在父组件上使用v-model,所有的数据改变都是通过子组件change调用父组件方法，再去改变父组件的数据。
如果有多个select，那就需要添加多个方法，接收每个select改变后的值，再改变父组件的数据。
糟糕的代码就不展示了
现在开始整理自己的思路～

用key管理可复用的元素

Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。
例如官网的栗子：

1
2
3
4
5
6
7
8

<template v-if="loginType === 'username'">
  <label>Username</label>
  <input placeholder="Enter your username">
</template>
<template v-else>
  <label>Email</label>
  <input placeholder="Enter your email address">
</template>

近期使用echarts的关系图，繁多的配置项让人头疼。只能一直百度，但百度依旧让人摸不到头脑。
因此，基于网上的一篇”人民的名义关系图谱”关系图和实际项目需求，整理以下配置。
想配置什么，就查看更多，然后通过关键字 ctrl+f 查询一下吧～如果不能满足你的需求，就移步 echarts官网查看详细配置
❤️希望每个人都可以少走一些弯路❤️

一般情况下，获取表格数据时，我们会根据pageSize(每页数据量)和pageIndex(当前页数)进行查询，无论是pageSize还是pageIndex改变，我们都重新调接口获取数据，进行渲染。
但是，有些情况下，数据一次性全部给到前端，前端需要对数据进行过滤并渲染。
此次主要基于elment-ui的分页进行举例，分页的基本思想是一致的。

开篇或结束引用

这是一篇测试文章

1

npm i lalala

这里面是代码块

标签插件添加样式 default warning success info danger