今天算是把项目搞完了,主要利用了computed计算属性来构建一个搜索表,实现了一个实时的根据当前输入什么和是否输入,以及筛选的类型实时的显示对应的卡牌,然后实现了一个用导航栏来选择主要页面的功能,导航栏使用了动态渲染,不过要实现这个貌似要需要对应的对象需要有一个children属性,然后通过v-if来判断是否渲染,用el-menu-item,貌似可以实现自己递归渲染。中间用了一个filter来寻找数组中所有对应的元素。
我的感悟就是在前端设计中对应的对象的设计非常重要,比如如果他自己是数组的话可以有很多便利的方法,然后是通过设计它的一些属性,也可以达到方便我们判断和编程的效果。