vue-element前端怎么调用后端的方法，用代码举例。

在前端调用后端方法通常需要使用Ajax或Fetch等技术进行异步通信。这里以使用axios库调用后端方法为例进行说明。

1. 安装axios库

在前端项目中安装axios库，可以使用npm或yarn进行安装。

npm install axios --save

2. 在前端代码中引入axios库

import axios from 'axios'

3. 发送异步请求到后端

axios.get('/api/user/123')
  .then(response => {
    console.log(response.data)
  })
  .catch(error => {
    console.log(error)
  })

在上面的代码中，我们向后端发送了一个GET请求，请求路径为`/api/user/123`。当请求成功后，会执行then回调函数，其中的参数response就是后端返回的数据。当请求失败时，会执行catch回调函数，其中的参数error就是请求的错误信息。

4. 后端接收请求并返回数据

在后端应用中，接收前端的请求并返回数据的代码如下：

const express = require('express')
const app = express()

app.get('/api/user/:id', (req, res) => {
  const userId = req.params.id
  // 从数据库中获取userId对应的用户信息
  const user = {
    id: userId,
    name: 'John',
    age: 30
  }
  res.send(user)
})

app.listen(3000, () => {
  console.log('Server is running on port 3000')
})

在上面的代码中，我们使用Express框架创建了一个HTTP服务器，并在其中定义了一个GET请求的路由`/api/user/:id`。当前端发送GET请求到该路由时，会执行回调函数，并从数据库中获取对应的用户信息，并将其返回给前端。

这就是前端调用后端方法的基本流程。需要注意的是，我们需要在前后端之间定义好一套统一的接口协议，以确保前端和后端之间的数据交互能够顺利进行。