基于Vue框架和CSS变量的CSS动态编程方法

摘要

本发明公开了基于Vue框架和CSS变量的CSS动态编程方法，涉及计算机动态编程领域，包括如下步骤：步骤1：通过事件监听，获取交互数据，使用CSS变量，将交互数据注册为通用变量；步骤2：在Vue框架的组件内部通过Vue自定义指令功能注册私有变量；步骤3：在CSS中使用步骤1和步骤2中注册的变量，即实现了动态编程。本发明通过利用Vue框架的自定义指令功能，以贴合CSS变量自身优先级策略的方式，将组件与CSS变量的关联过程封装在指令内，然后在CSS中使用var()、counter()等方法提取变量，从而实现了将数据传输到CSS的效果，即可实现CSS动态编程。