Vuet.js规则详解,是不是你不知道的强大功能?
时间:2023-04-05 20:10:45
HTML5
什么是Vuet.js?Vuet.js是一个为Vue.js提供状态管理的工具。与vuex不同的是,它是一种提倡规则定制化的状态管理模式。预先编写状态更新规则,然后将规则注入到组件中,然后根据预定的规则更新状态。github:Vuet.js主动和被动规则Vuet.js内置了life、manual、need、once、route等常用规则。除手动规则外,其他均为主动更新规则。条件更新会自动触发。lifedescription:每次都会在组件的beforeCreatehook中调用一个update。当组件被销毁时,在destroyed钩子中,状态会被重置,恢复到初始状态。在一个父组件中,我想和自己的子组件和子组件进行通信,但是又不想父组件销毁后还保持原来的状态。生命法则就是专门针对这种场景的。当组件被销毁时,模块的状态也会恢复到初始状态。manualmanual规则允许对模块状态进行各种更新。方法集中管理,等待用户手动触发相应模块更新,比如记录用户点击某个按钮的次数:{{count}}
通过上面的代码可以知道,Vuet.js天生就支持多组件通信。总之,很简单。敏捷手动规则默认以$module名称将方法集注入到组件中,这样代码阅读方面会更友好,更易理解,代码也会更优雅。需要说明:在组件的beforeCreatehook中调用每次update。比如有一条消息,我希望每次打开消息页面,能自动更新消息条数。这种场景使用需要规则。once说明:第一次只在组件的beforeCreatehook中调用一次update,之后不会在任何组件中进行update。不可变的,所以之后不需要更新它。once规则可以帮你省去不必要的请求,帮助你优化程序路由。哈哈,这个有点长了,下次开篇专门讲解。综上所述,vuet可以让你把定时的状态更新封装成一条规则,从而提高你的开发效率。例如,您需要定期向服务器更新消息。这也是一个规律。下次有时间,我们可以写一个这样的特殊规则。