Meteor - Tracker

Tracker 是一个用于在会话变量更改后自动更新模板的小型库。在本篇中，我们将了解 Tracker 的工作原理。

首先，我们将创建一个按钮，用于更新会话。

meteorApp.html

<head>
   <title>meteorApp</title>
</head>
 
<body>
   <div>
      {{> myTemplate}}
   </div>
</body>
 
<template name = "myTemplate">
   <button id = "myButton">CLICK ME</button>
</template>

接下来，我们将设置起始会话值myData并创建一个mySession对象。Tracker.autorun方法用于监视mySession。每当此对象更改时，会自动更新模板。为了进行测试，我们将设置一个单击事件以进行更新。

meteorApp.js

if (Meteor.isClient) {
  
   var myData = 0
   Session.set('mySession', myData);

   Tracker.autorun(function () {
      var sessionData = Session.get('mySession');
      console.log(sessionData)
   });

   Template.myTemplate.events({

      'click #myButton': function() {
         Session.set('mySession', myData ++);
      }
   });
}

如果我们单击点击我按钮 5 次，则会看到每当会话更新时，Tracker 都会记录新值。

打印页面