📜  Meteor追踪器

📅  最后修改于: 2022-05-13 01:56:19.605000             🧑  作者: Mango

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}}     
  


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