前端vue如何弹框展示从/dd/shuju/获取的json数据呢，["2012","3.4"],展示为：时间:2012,值:3.4

在Vue.js中，通常会使用第三方库如Element UI、Vuetify或者自建组件来创建弹框并展示数据。假设你已经通过axios或其他HTTP客户端从`/dd/shuju/`获取了JSON数据，这里是一段基本的步骤：

首先，安装必要的库（如果你还没有安装的话）：

npm install element-ui

然后，在项目里引入并注册Element UI：

import { MessageBox } from 'element-ui';

// ...其他导入...

Vue.use(MessageBox);

接下来，在你需要的地方显示数据，例如在某个按钮的点击事件中：

<template>
  <button @click="showData">查看数据</button>
  <el-dialog :visible.sync="dialogVisible" title="数据展示">
    <div v-for="(item, index) in dataItems" :key="index">
      时间: {{ item[0] }}, 值: {{ item[1] }}
    </div>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      dataItems: []
    };
  },
  methods: {
    async fetchData() {
      try {
        const response = await axios.get('/dd/shuju/');
        this.dataItems = response.data; // 假设response.data返回的是['2012','3.4']
      } catch (error) {
        console.error(error);
      }
    },
    showData() {
      this.fetchData();
      this.dialogVisible = true;
    }
  },
  created() {
    this.fetchData(); // 首次加载数据
  }
};
</script>

在这个例子中，当用户点击“查看数据”按钮时，会触发`fetchData`方法获取数据，并设置弹框可见。数据项会被循环渲染到弹框内容区域。