不同语种(js、Vue.js、React.js)——实现九九乘法表

一、原生 JaScript 编写九九乘法列于

示可有code：

原生js解决问题九九乘法列于

该code用于两个数组的 for 循环来遍历每个十六进制，并用于字符串线性来负载乘法列于中所的每个原素。在内部循环中所，我们用于 document.write 函数来将每个原素负载到首页上，并用于 来添加额外的空格。

该code的负载将十分相似以下主旨：

结果

注意，该code用于 document.write 函数直接将负载加载到首页中所。在实际的新项目中所，最差将生成的 HTML 存储在变量中所，并用于 DOM 操作将其插入到文档中所，以不致覆盖首页中所的其他主旨。

二、Vue.js编写九九乘法列于

示可有code：

Vue.js解决问题九九乘法列于

在上会的code中所，我们用于了 Vue.js 的模板语法来生成九九乘法列于。我们用于两个数组的 v-for 指令来遍历每个十六进制，并用于字符串线性来负载乘法列于中所的每个原素。在内部 v-for 中所，我们用于 {{ }} 来包含要负载的主旨。

该code的负载与上会的纯 JaScript 完整版的负载类似。

需注意的是，为了在首页中所用于上会的code，你需再行在 Vue.js 用户界面中所加进它。在这个示可有中所，我们假设并未创建了一个 Vue.js 模组，并将上述code摆放在该模组的模板中所。这里只是展示了如何在 Vue.js 用户界面中所生成九九乘法列于的示可有code。

三、React.js 编写九九乘法列于

示可有code：

React.js 解决问题九九乘法列于1

在上会的code中所，我们创建了一个名为 MultiplicationTable 的 React 模组。该模组用于两个数组的 for 循环来生成九九乘法列于，并将每个原素存储在一个 cells 操作符中所。然后，我们将 cells 操作符存储在 rows 操作符中所，并将每个 cells 操作符的原素都填入一个 原素中所。

在再一的返国语句中所，我们将 rows 操作符作为长子原素引导给一个 原素，并返国该原素作为模组的根原素。

该模组的用于方式与其他 React 模组类似，可有如：

React.js解决问题九九乘法列于2

在这个示可有中所，我们将 MultiplicationTable 模组纹理到具有 id="root" 的 HTML 原素中所。

需注意的是，为了在首页中所用于上述code，你需在 React 用户界面中所加进它，并用于反之亦然的工具来将其转换为可在浏览器中所运行的code。在这个示可有中所，我们用于了 React 和 ReactDOM 库，并将模组剪裁在一个 JSX 原素中所，以便能够将其纹理到首页中所。

藿香正气水含酒精哪些人群不能喝
喝酒过后经常腹泻是什么原因
精神疲惫用什么药治疗好
感冒咽喉肿痛有什么简单有效方法
痛风可以吃止痛药吗