Meteor - Tracker

首页 / Meteor入门教程 / Meteor - Tracker

Tracker是一个小型库,用于在Session变量更改后自动更新模板,在本章中,无涯教程将学习跟踪器的工作原理。

首先,无涯教程将创建一个按钮,用于更新会话。

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 ,每当此对象更改时,模板都会自动更新。为了测试它,无涯教程将设置一个click事件进行更新。

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 ++);
      }
   });
}

如果单击五次单击无涯教程按钮,则每次会话更新时,跟踪器都会记录新值。

Meteor Tracker Log

这一章《Meteor - Tracker》你学到了什么?在下面做个笔记吧!做站不易,你的分享是对我们最大的支持,感谢!😊

好记忆不如烂笔头。留下你的足迹吧 :)

相关推荐

Java性能调优实战 -〔刘超 - 〕

消息队列高手课 -〔李玥 - 〕

设计模式之美 -〔王争 - 〕

RPC实战与核心原理 -〔何小锋 - 〕

为列表条目创建唯一的对象名称

在 Android Studio 中替换字符串中的 "

将 3D Matplot 保存为交互式 HTML

List touch Tabbar 时 SwiftUI Tabbar 消失

使用 Python 规范化 Twitter JSON

错误 TS2345:“事件”类型的参数不可分配给“{目标:{值:字符串; }; }'