vue 数据遍历筛选 过滤 排序的应用操作

vue 中对v-for 遍历数据的处理方式 可以分为两类 ：使用 app.list=[{n:44},{n:55},{n:66},{n:11},{n:22},{n:33}]直接赋值改变html页面的显示。但是有时候这样会改动原数据，不太友善，很多时候我们只是想做个排序，数据筛选。但在实际应用中，常常会对一组数据进行 排序，筛选，过滤.....等一些列产品运行 提的需求；所以会有一些各种形状的按钮需要点击触发事件，我觉得用在外面声明一个变量放数据，根据事件对 vue 中的数据重新赋值 ，反而逻辑更清晰更便于维护。结构是酱紫的哭数组里面放了多个对象。接下来是我们切换下片场，来到HTML。。。