vue如何链接metamask

Vue可以通过Web3.js库来链接Metamask，Web3.js是一个用于与以太坊网络交互的JavaScript库。首先安装Web3.js库，然后在Vue组件中通过Web3对象与Metamask进行交互。以下是一个简单的示例代码：

1. 安装Web3.js库

npm install web3

2. 在Vue组件中引入Web3.js库

import Web3 from 'web3';

3. 在Vue组件中创建Web3对象并链接到Metamask

created() {
  if (typeof window.ethereum !== 'undefined') {
    this.web3Provider = window.ethereum;
    this.web3 = new Web3(this.web3Provider);

    window.ethereum.enable().catch((error) => {
      console.error(error);
    });
  } else {
    console.error('Please install MetaMask!');
  }
}

该代码检查浏览器中是否存在Metamask，如果存在，则创建Web3对象并链接到它。如果Metamask未安装，则输出错误信息。

4. 在Vue组件中使用Web3对象与以太坊网络交互

this.web3.eth.getAccounts((err, accounts) => {
  if (err != null) {
    console.error('Error getting accounts.');
  } else if (accounts.length === 0) {
    console.log('No account found.');
  } else {
    console.log('Account found: ' + accounts[0]);
  }
});

该代码使用Web3对象获取Metamask中的账户列表，并输出第一个账户的地址。其他Web3.js接口可以根据需要与Metamask进行交互。