vue.js - 如何在 vuejs 中创建第一次用户教程？

Question

如何在 vuejs 中创建第一次用户教程？或创建首次用户教程的指南。

像这样的东西：

https://xbsoftware.com/demos/enjoyhint/#!/issues/home:show=all:status=open:tag=

或演示： https ://introjs.com/

谢谢你！

标签： vue.js

Answer 1

我处理这个问题的方法是使用 Vuex。我最初将 onboarding 组件在状态下设置为 true，然后当用户通过 onboarding 或跳过它时，他们将在 onboarding 的每个部分的状态下触发 boolean 为 false，如果他们跳过它，则触发整个事情。当然，一旦他们清除缓存，这些值将再次重置为 true，但随后他们会再次跳过它。另一种方法是将这些值存储在数据库中，这将涉及更多，但会消除已清除的缓存问题。