使用solidity与web3创作一个在线小游戏之三：（在VUE中使用WEB3，并使用Truffle包装对象与智能合约交互）

在我的上一篇文章使用solidity与web3创作一个在线小游戏之二：（proxy合约，solidity中的数组与mapping，状态变量的存储模型）_lixiaodog的博客-优快云博客中，我们完成了proxy合约以及一个可更新的合约，并了解了solidity的存储模型，在本章中，我们将使用vue做框架，并引入web3与truffle-constract，并与我们编写好的合约进行交互。接下来，让我们出发！

1。安装vue开发环境：

在命令行中输入：

$ npm install vue@next

结果如下图：

 

 安装编写单组件的配套工具

npm install -D @vue/compiler-sfc

命令行工具 (CLI)

npm install -g @vue/cli