基于vue+vuex+vue-router+vue-cli仿美团M站酒店的项目
利用淘宝推荐的lib-flexible方案,具体可参见https://github.com/amfe/article/issues/17, 本项目中的字体并没有完全按照此方案
问题:字母列表组件在城市搜索和热词搜索组件中都有用到。为了实现组件复用中,何如选择? 答: 1、将字母列表组件放置到最高层级的dom结构中,此时在各个业务中都操作这一个实例。但是字母列表的点击事件如何触发对应业务的滚动事件就变得稍微复杂了。要么在点击事件中记录对应业务类型,仅触发对应类型的业务滚动事件,要么对所有业务分发事件,业务自己去判断当前自己是否是“对应”状态。 2、将字母列表在各个业务中去引用,这样整个dom中会存在多个字母列表结构。但状态和时间处理起来更容易 如果能确保整个dom中不会出现多个列表,那么方案1是可行的。但协同起来其实并不好维护。
npm start
,如果安装失败,请尝试cnpm