我们如何在 Vue.js 中使用 web3.js 库?

Posted

技术标签:

【中文标题】我们如何在 Vue.js 中使用 web3.js 库?【英文标题】:How we can use web3.js library in Vue.js? 【发布时间】:2020-03-04 07:50:12 【问题描述】:

现在,我正在做我最后一年的项目。我的任务是使用 web3.js 和 Vue.js 连接到 ganache 并进行交易?我有点困惑。我不知道在哪里可以编写代码来建立连接然后进行交易?如果有人给我一些指导和指导,我将不胜感激。

【问题讨论】:

【参考方案1】:
npm install web3

然后,只需将其导入您的 vue 组件。更多信息可以在docs找到

导入后尝试这样使用:

var web3 = new Web3('ws://localhost:8546');
console.log(web3);

【讨论】:

我使用了一个语句 import web3 from 'web3' 但它给了我一个错误,例如 web3' 被声明但它的值从未被读取。不知道该怎么办。 @BilalSakawat 这是一个警告,而不是错误。

以上是关于我们如何在 Vue.js 中使用 web3.js 库?的主要内容,如果未能解决你的问题,请参考以下文章

Metamask 停止注入 web3.js

再深刻理解下web3.js中estimateGas如何计算智能合约消耗的gas量

如何使用 web3.js 在 Truffle 测试中进行基本算术运算

如何在 web3.js 中正确使用还原原因在 UI 中显示有意义的错误消息

如何获取在与@solana/web3.js 的交易中转移的自定义令牌数量?

web3使用web3.js发布并执行智能合约