项目推荐 | 基于 Vue2.0 的 App 轻量框架

项目说明

• JTaro 是一款基于 Vue2.0 开发的轻量级 SPA（单页应用）框架；
• JTaro 不需要 vue-router，自身提供简单路由功能和页面切换动画；
• 页面组件名称即为路由，省去手动配置路由的麻烦；
• JTaro 会自动创建一些 css 样式，将 html、body 的 width、height 设为100%，并 overflow:hidden，超出内容需要使用 JRoll 进行滑动。

能解决什么问题

• 使用 Vue2 作为底层，省去直接操作 dom 的烦恼，带来组件复用的便利；
• 提供页面切换动画，让 H5 应用看上去更像原生 APP；
• 自动路由管理，无需手动配置；
• 在任何页面刷新，自动从第一页切回到当前页；
• 页面缓存，从列表页到详细页，再回到列表页不刷新；
• 基于页面开发，开发者只须关心各自的页面，更利于合作开发。

已实现功能

• 简单路由功能，根据组件名称动态创建页面；
• 页面切换动画；
• 页面组件与页面组件之间的通讯postMessage、onMessage；
• 保持最多不超过三个页面为 display:block，其余为 display:none，有效解决安卓机页面过多渲染慢的问题；
• 实现页面 beforeEnter、afterEnter 和beforeLeave 路由钩子；
• JTaro.boot({...}) 选项配置；
• 实现全局路由钩子；
• 嵌入微型 fastclick 解决老机点击 300ms 延迟问题；
• 使用 JTaro Module 进行模块管理；
• 自动加载 Vue 页面组件；
• 在非首页刷新自动切换到当前页，解决单页应用每次刷新都回到首页的短板。

Q & A

问：为什么不提供获取页面实例的方法？例如getPageByName('home') 获取 home 页面，然后可以在其它页面操作home页面，用 this.postMessage 有什么好处？

答：为了方便维护，每处修改都有据可寻，因此建议每个页面组件只操作自身的数据，如果需要操作其它页面的数据，只需要向目标页面发送消息，让目标页面去处理。这也是页面组件通讯的必要性。

https://gitee.com/chenjianlong/JTaro