如何用 Vue 替换 jQuery

想从头开始学习 Vue.js 吗?使用 SitePoint Premium 获取涵盖基础知识、项目、技巧和工具等的完整 Vue 书籍合集。立即加入,每月仅需 14.99 美元。 Backward Skip 10s Play Video Forward Skip 10s 我敢打赌,有很多开发人员在负责构建简单应用程序时仍然会使用jQuery 。很多时候,我们需要向页面添加一些交互性,但使用 JavaScript 框架似乎有点块捆绑器。

我们正在建设什么

从 CDN 中包含 jQuery 似乎是理所当然的事情。 在这篇文章中,我想尝试 黎巴嫩电话号码表 说服您,使用Vue.js(以下简称 Vue),即使对于相对基本的项目,也不必感到头疼,并且会帮助您编写更好的代码更快。我们将采取一个简单的示例,用 jQuery 对其进行编码,然后逐步在 Vue 中重新创建它。 我们正在建设什么 在本文中,我们将使用Sparksuite 的开源模板构建基本的在线发票。

转换为 Vue

希望这应该对另一个待办事项列表做出令人耳目一新的改变,并提供足够的复杂 CU 线索 性来展示使用 Vue 这样的东西的优势,同时仍然易于遵循。 模板截图 我们将通过提供商品、单价和数量输入来实现此交互,并在其中一个值发生变化时自动重新计算价格列。我们还将添加一个按钮,用于将新的空行插入发票中,以及一个“总计”字段,该字段将在我们编辑数据时自动更新。 

发表评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注