[发明专利]一种基于TV的Vue框架实现

说明书

本发明公开了一种基于TV的Vue框架实现，它包括在TV端构建Vue框架；在Vue框架内设有路由管理模块和状态管理模块；最后创建遥控器按键keyEvent响应，进行组件之间的焦点传递；通过Vue框架可以实现TV端具有Vue的功能，使用Vue‑Router路由管理模块进行路由跳转，使用Vuex状态管理模块进行所有组件的状态管理，并能使用遥控器实现组件的按键事件，实现遥控器控制界面焦点移动，通过Vue框架可以提供高效的开发模式，同时在TV客户端开发和后期维护中，可以避免数据操作，Dom操作，仅仅需要开发逻辑操作，大大提升了TV端开发和后期维护效率，操作便捷性和舒适性高，实用性强。

技术领域

本发明涉及一种适用于电视机应用开发的Vue框架搭建，属于互联网技术领域。

背景技术

在互联网高速发展的今天，技术的发展日新月异，而当下Vue无疑是前端领域中的佼佼者，不同于传统web的开发，Vue集成了高效的开发模式，提供了优质的后期维护能力。我们不用再关心界面的渲染，元素的生成，Dom的操作，只需要用心把代码放在逻辑处理上，Vue便会帮助我们完成接下去的工作。

TV客户端传统的方式开发，需要兼顾数据操作，Dom操作，逻辑操作，繁琐而且效率低下，将大部分的时间都浪费在了Dom操作和数据渲染上了，不仅如此，TV客户端应用的后期改动较为频繁，交付不同的开发手中，必须要实实在在梳理完代码，逻辑等才能改动，响应慢，效率低便成了这些应用的代名词。通过Vue框架编写的应用，不仅能快速实现功能，后期的维护也更加方便。模块化的编程思路，低耦合的代码实现，能帮助我们更好的开发和维护。

发明内容

本发明要解决的技术问题是提供本一种基于TV的Vue框架实现，可以克服现有技术的不足。

为解决上述技术问题，本发明是通过以下技术方案实现的：一种基于TV的Vue框架实现，它包括：

在TV端构建Vue框架；

在Vue框架内设有路由管理模块和状态管理模块；

最后创建遥控器按键keyEvent响应，进行组件之间的焦点传递；

所述Vue框架用于构建TV端的Vue功能；所述路由管理模块用于实现模块、路由之间的跳转管理；所述状态管理模块用于集中式存储管理TV应用的所有组件的状态，并实现不同组件之间的数据共享；所述遥控器按键keyEvent用于使用遥控器实现组件的按键事件，控制TV端所有操作焦点的实现。

通过Vue create xxx创建项目，实现在TV端构建Vue框架。

安装vue-router并且集成到Vue框架中，创建vue-router路由管理模块。

安装Vuex并且集成到Vue框架中，创建Vuex状态管理模块。

创建遥控器按键keyEvent的全局按键事件，并创建对应的遥控器按键keyEvent的激活方法。

创建遥控器按键keyEvent的按键事件，使vuex状态管理模块中不同组件对应不同的响应方式，包括：

将vuex状态管理模块在main中引用注册；

将需要记录或者保存的组件状态记录在vuex状态管理模块中，设置初始化的focus为false，标识改组件默认不获焦；

监听vuex状态管理模块的当前组件的focus是否发生变化，如当前组件已经获得焦点，则编写当前组件的焦点实现，并注册按键事件。