Vue-接口返回的值在页面上显示

<template>
 /* 在页面上显示ress的内容 */
 <div>{{ ress }}</div>
</template>

<script>
/* Vue 是通过 webpack 实现的模块化，因此可以使用 import 来引入模块 */
/* 引入CopyData模块 */

import { CopyData } from '@/api/manage'

/* export 用来导出模块，Vue 的单文件组件通常需要导出一个对象，
    这个对象是 Vue 实例的选项对象，以便于在其它地方可以使用 import 引入 
*/
/* export 和export default 的区别在于：export 可以导出多个命名模块 */
export default {
  name: 'ApiAutoList',
  mixins: [JeecgListMixin],
  /* 通过Vue.component也可以全局注册组件，不需要每次new vue的时候单独注册 */
  components: {
  },
  data() {
    return {
      description: '接口自动化',
      ress:'',
    }
  },
  computed: {
    importExcelUrl: function () {
      return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
    },
  },
  methods: {
    handleCopy() {
     // 调用CopyData模块去调用接口
      CopyData().then((res) => {
        if (res.success) {
        //将res赋值给ress
        this.ress=res
        }
      })
    },
  },
  created() {
  //调用handleCopy模块
    this.handleCopy()
  },
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>