Meteor追踪器
Meteor是一个全栈 JavaScript 平台,用于开发现代 Web 和移动应用程序。 Meteor具有一组功能,有助于使用 JavaScript 或框架中可用的不同包创建响应式和反应式 Web 或移动应用程序。它用于构建连接客户端的反应式应用程序。
Tracker是一个允许在变量、数据库查询或其他数据源发生更改时快速复制模板和其他计算的包。 Tracker.autorun让我们运行一个依赖于响应式数据源的函数,以便在数据稍后更改时重播该函数。
句法:
Tracker.autorun(function () {
...
});
创建Meteor应用和导入模块:
第 1 步:使用以下命令创建一个 React 应用程序。
meteor create foldername
第 2 步:创建项目文件夹(即文件夹名称)后,使用以下命令移动到该文件夹。
cd foldername
项目结构:它将如下所示。
运行应用程序的步骤:使用以下命令从项目的根目录运行应用程序。
meteor
示例:这是展示如何使用 Tracker 组件的基本示例。
Main.html
GeeksforGeeks
{{> table}}
GeeksforGeeks
Click on the button below to get the
next value of the table of 12.
Main.js
import './main.html';
let count = 0;
Session.set('value', count);
Tracker.autorun(function () {
let result = Session.get('value');
console.log(`12 x ${result} = ${result * 12}`);
});
Template.table.events({
'click #myButton': function () {
Session.set('value', count++);
}
});
主.js
import './main.html';
let count = 0;
Session.set('value', count);
Tracker.autorun(function () {
let result = Session.get('value');
console.log(`12 x ${result} = ${result * 12}`);
});
Template.table.events({
'click #myButton': function () {
Session.set('value', count++);
}
});
输出:
参考: https://docs.meteor.com/api/tracker.html