外汇数据显示项目,通过对屏幕宽度的监控,区分是pc还是手机端,pc端走pc列表显示的界面分支,手机端走手机端显示的界面分支。pc端主页是由table分页和list控件组成,父组件和子组件通过组件间通讯传递参数,例如子组件通过emit来传参数给父组件,让父组件进行操作。分页的处理,就是获取数据后,通过filter将符合的数据留下,然后将符合的数据显示到相应的页面中。手机端用到table,list,card控件,数据上是一样处理,就是界面显示差异。搜索功能就是添加输入框,然后监听输入的变化,对响应的数据进行模糊匹配搜索,然后刷新界面进行显示。css用到弹性盒子,对界面处理方便。