vue2.0+element怎么引用mysql

在 Vue2.0 中使用 MySQL 数据库需要借助后端的支持。一般来说，可以通过以下步骤来实现 Vue2.0 + Element + MySQL 的开发：

1.编写后端代码

后端代码可以使用 Node.js + Express 进行编写。在后端代码中，需要使用 Node.js 的 MySQL 模块来连接 MySQL 数据库，并提供接口供前端调用。

以下是一个简单的后端代码示例：

const express = require('express');
const mysql = require('mysql');

const app = express();

// 连接 MySQL 数据库
const connection = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: 'password',
  database: 'mydatabase'
});

connection.connect();

// 提供查询接口
app.get('/api/query', (req, res) => {
  const sql = 'SELECT * FROM mytable';
  connection.query(sql, (err, result) => {
    if (err) {
      res.status(500).send(err.message);
    } else {
      res.send(result);
    }
  });
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server is running at http://localhost:3000');
});

2.在前端中调用后端接口

在前端中，可以使用 Vue2.0 的 axios 库来调用后端提供的接口。在组件中，可以使用 axios 发送请求，并将返回的数据绑定到组件中的数据属性上。

以下是一个简单的前端代码示例：

<template>
  <div>
    <el-table :data="tableData">
      <el-table-column prop="id" label="ID"></el-table-column>
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
    </el-table>
  </div>
</template>

<script>
  import axios from 'axios';

  export default {
    data() {
      return {
        tableData: []
      };
    },
    created() {
      axios.get('/api/query')
        .then(response => {
          this.tableData = response.data;
        })
        .catch(error => {
          console.log(error);
        });
    }
  }
</script>

在以上示例中，通过 axios 发送 GET 请求到后端的 /api/query 接口，获取 MySQL 数据库中的数据，并将返回的数据绑定到表格组件中的数据属性上。这样就可以在 Vue2.0 + Element 中使用 MySQL 数据库了。