vue怎么将数据库中文字显示到前端

要将数据库中的文字显示到前端页面上，你需要通过后端接口将数据库中的数据取出来，然后将数据传递给前端页面。通常情况下，使用Vue.js框架的话，可以通过以下步骤实现：

1. 在后端编写一个接口，用来获取数据库中的数据。可以使用Node.js、Java、Python等语言来编写接口。

2. 在Vue.js中使用axios或者其他HTTP请求库来调用后端接口，获取数据库中的数据。

3. 在Vue.js中使用v-for指令来遍历获取到的数据，并将数据渲染到页面上。

下面是一个简单的示例代码：

后端接口示例（使用Node.js和Express框架）：

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

const connection = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: 'password',
  database: 'your_database_name'
});

app.get('/data', (req, res) => {
  connection.query('SELECT * FROM your_table_name', (error, results) => {
    if (error) {
      res.status(500).send(error);
    } else {
      res.send(results);
    }
  });
});

app.listen(3000, () => console.log('Server started on port 3000'));

Vue.js示例代码：

<template>
  <div>
    <ul>
      <li v-for="item in data" :key="item.id">{{ item.title }}</li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios';

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

这段代码中通过axios发送了一个GET请求来获取后端接口返回的数据，然后使用v-for指令将数据渲染到页面上。需要注意的是，这只是一个简单的示例代码，实际开发中还需要按照具体需求进行修改。