如何在vuejs中创建首次用户教程？

Question

如何在vuejs中创建首次用户教程？或创建首次用户教程的指导原则。

类似这样的东西：

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

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

谢谢！

Answer 1

您可以使用Vue Tour

这样的插件

Answer 2

我处理此问题的方法是使用Vuex。我将入职组件初始状态设置为true，然后随着用户浏览或跳过入职组件，他们将在入职的每个部分或整个事情（如果跳过）的情况下将布尔值触发为false。当然，一旦他们清除了缓存，值将再次重置为true，但是随后他们将再次跳过。一种替代方法是将这些值存储在db中，这会涉及更多的问题，但会消除已清除的缓存问题。