在流星（Meteor）文档中，有一个名为“消息计数”（Message Counting）的示例，用于演示 ReactiveVar 的用法。本文将详细介绍该示例是如何工作的，并提供一些深入的学习和指导意义。
示例概述
该示例实现了一个基本的消息计数器应用程序，其界面包括一个显示当前计数值的元素以及两个按钮：增加计数和减少计数。每次单击按钮时，计数器的值将相应地增加或减少，并更新界面上的计数器元素。
实现细节
为了实现此应用程序，我们需要使用 ReactiveVar 对象来存储计数器的值并确保它们可以在不同的客户端之间同步。在模板中定义一个名为 counter 的 ReactiveVar 变量：
Template.messageCounting.onCreated(function () {
this.counter = new ReactiveVar(0);
});然后，我们可以通过模板事件来捕获按钮的单击事件并更新计数器的值。例如，以下代码段演示了增加计数的按钮单击事件：
Template.messageCounting.events({
'click .js-increment'(event, instance) {
const counter = instance.counter.get();
instance.counter.set(counter + 1);
},
});最后，在模板中添加一个辅助函数以将计数器的值传递到模板中以供显示：
Template.messageCounting.helpers({
counter() {
return Template.instance().counter.get();
},
});学习和指导意义
本示例演示了一些重要的概念和技术，包括：
ReactiveVar：ReactiveVar 是 Meteor 内置的一个反应性变量类。它允许我们在客户端中存储可响应式（reactive）数据，并在数据更改时自动重新计算相关内容。
模板事件：在 Meteor 中，可以通过定义事件来捕获 UI 元素上的交互事件，例如按钮单击或表单提交。
模板辅助函数：在 Meteor 中，可以使用辅助函数从模板中返回计算值，这些值可以用于控制模板的输出。
此外，该示例还提供了一个基本的消息计数器应用程序的实现，可作为学习 Meteor 的起点。您可以使用此示例作为模板来构建更复杂的应用程序。
示例代码如下：
-- -------------------- ---- -------
--------- -----------------------
--------------
-------- ---------------
------- ----------------------------------
------- ----------------------------------
-----------
--------
------------------------------------------- -- -
------------ - --- ---------------
---
---------------------------------
------ --------------------- --------- -
----- ------- - -----------------------
---------------------------- - ---
--
------ --------------------- --------- -
----- ------- - -----------------------
---------------------------- - ---
--
---
----------------------------------
--------- -
------ ----------------------------------
--
---
---------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/24696