Vue3.0 +Quasar+ ethers.js 和以太坊智能合约交互

说明

本系列教程将带领大家完成一个与以太坊智能合约交付的应用，在开始本系列教程之前你需要先具备以下知识：

1. 熟练使用vue，认识vue 3.0
2. 会使用vue组件
3. 对以太坊智能合约有一个清晰的认知

工具说明

Quasar

Quasar是一款支持VUE的ui框架，链接：

Quasar Framework

至于它并不是本教程要讲的重点，这里之所以用到Quasar并非是非它不可，仅仅只是因为个人觉得这款UI框架的设计风格很可，本人很喜欢，如果你不喜欢用这个，也可以随便用其他的，或者直接直接HTML+css也可。

ethers.js

跟它的名字一样，它是用js写成的。

ethers.js是一个js库，而它主要的功能则是帮助网站与合约连接。

合约

这里的合约准确来说应该是以太坊智能合约。

我们都知道以太坊是一个开源的公共区块链平台，而以太坊最大的特点就是支持合约。

什么是合约？

详细的概念你可以百度，这里为了方便教程的进行，你可以快速的将之理解为：以太坊智能合约就是运行在区块链上的程序。

和传统的程序不同：

1. 网站是运行在浏览器里的
2. 手机APP是运行在手机系统里的
3. 电脑软件是运行在电脑系统里的

因此，你也可以称其是一款APP，但它是运行在以太坊公链上的。并且它是真正去中心化的，它有以下几个特点：

1. 只运行在区块链上
2. 完全去中心化
3. 代码公开透明、开源，任何人可以查看
4. 程序一经部署代码无法修改