你好，社区-又是一个快乐的星期五。

几周前，我被问到关于进步的网络应用程序，我的大脑直接转到了谷歌PWA和它的文档。我开始阅读所有关于它们的文章，有几个不同的选项，其中一个是JavaScript框架虚拟用户.js

预需求：

下载虚拟用户.js开发人员或vue.min.js公司对于prod了解HTML，云服务器服务器，对JavaScript及其范围有很好的理解

今天，我想用一个基于SCP的简单教程应用程序和我的试用帐户来演示一个简单而全面的Vue框架（酷的sh*t发生在哪里？呵呵，超算云，流行的短语是什么？）。

警告如果你已经是一个对HTML和JavaScript有很好理解的web开发人员，那么本教程应该很容易理解

这花了我大约一个小时的时间来整理文档，我在他们的网站上也发现这些文档非常有帮助。感谢Vue团队，让我们在这里开始工作

我从下载虚拟用户.js文件（类似于任何其他第三方库）。我在WebIDE完整堆栈上创建了一个新应用程序，默认情况下，我创建了一个新的ui5项目。然后，我创建了一个脚本文件夹虚拟用户.js文件将有效。我创建了另一个js文件(主要.js)它将作为我的示例应用程序的入口点。最后，我将基于ui5的html文件的默认内容替换为一些我尝试过的项目。在本教程中，我将展示以下内容：

字符串绑定列表绑定用户输入（双向绑定）事件（单击和函数调用）子组件

上面的前3项只是想了解更多关于数据绑定如何在这个框架上工作以及视图之间的交互，模型和控制器（因为这个框架也遵循类似MVC的模式）

我的项目看起来是这样的：

我的索引.html文件看起来像这样：

更多的解释我想从上一张图片描述的内容：

a）使用胡子的字符串绑定

b）使用模型的双向绑定

c）绑定事件（单击）

d）子*组件–这对我来说可能是框架的亮点，因为我们可以以模块化的方式构建UI，这样我们就可以构建更小的标记块

我的主要js文件如下：

上面的箭头显示了带有新Vue构造函数的应用程序的入口点。另外，请注意，构造函数绑定到元素#app（在我的html上是div），其数据是从oData函数返回的对象。

**必须在新的Vue构造函数之前定义Component属性。我试着移动它，但它不能以正确的顺序呈现。请确保您使用所有小写字母作为组件名称（我的组件中的tcomp），因为大写字母不会给出组件名称，或者这一个花费了我几分钟才弄清楚。

最后，输出（不漂亮，但你会看到框架工作）

如果我的斐波那契函数是正确的…

优点：

MVC一样的框架JavaScript，NodeJS，淘客群，UI5，AngularJs语法（我已经知道这些）在浏览器上排除故障的简单方法小型第三大小的库（最小20KB+gzip运行时）与其他js库配合得很好对我来说，云服务器网址，最大的卖点是在他们的文档页面中，这个lib与其他JS框架（如React、Angular、AngularJs等）进行了比较

缺点：

需要学习的另一个JS框架，数据支持，阅读新的文档，可能是新的工具有些节点示例需要更多的it和npm知识也许有太多的JS框架，知道哪一个工作得最好/更好

有人在其他项目中使用Vue吗？请分享你的想法和经验。周末快乐