多个实例Vue

Question

我在Vue中具有以下秒表脚本。

https://nagasawaaaa.github.io/vue-simple-stopwatch/

我想在同一页面上拥有多个实例。

单击每个实例时，它应该分别启动。

高度重视的任何帮助。

Answer 1

• 编辑：这是一个非常基本的问题，请尝试自行寻找答案，而不是直接在StackOverflow上提问。

关于使用Vue.js中的组件进行分隔的所有知识，都在here中进行了说明。

简而言之，声明Vue实例和组件之间的主要区别在于，第二个实例需要使用函数，以使代码保持分离，如doc中所述：

当我们定义组件时，您可能已经注意到数据不是直接提供给对象的，就像这样：

数据：{数：0}

相反，组件的data选项必须是一个函数，以便每个实例都可以维护返回数据对象的独立副本：

数据：功能（）{返回{数：0}}

如果Vue没有此规则，则单击一个按钮将影响所有其他实例的数据，