前端把后端数据分转换成元渲染在页面上，点击保存的时候调用API.js元转分至后端保存，vue+api.js

好的，您的问题是关于前后端数据转换和保存的。对于前端将后端数据分转换成元来渲染页面的问题，我可以给您提供一些思路和代码示例：

在.vue文件中，定义一个data属性，用来存储从后端获取的数据：

<template>
  <div>
    <p>{{ data }}</p>
  </div>
</template>

<script>
import api from './api.js'

export default {
  data() {
    return {
      data: {}
    }
  },
  mounted() {
    api.getData().then(res => {
      // 将后端数据分转换成元
      this.data = api.fen2yuan(res.data)
    })
  }
}
</script>

上面的代码中，我们使用封装了API请求的api.js文件来发送请求获取后端数据，并将数据分转换成元，然后存储在data属性中。在模板中，我们使用{{ data }}来渲染数据。

接下来，我们来看如何将前端数据元转换成分并保存到后端。我们可以在点击保存按钮时触发一个函数：

<template>
  <div>
    <p>{{ data }}</p>
    <button @click="saveData">保存</button>
  </div>
</template>

<script>
import api from './api.js'

export default {
  data() {
    return {
      data: 0
    }
  },
  methods: {
    saveData() {
      // 元转分
      const dataInFen = api.yuan2fen(this.data)
      api.saveData(dataInFen).then(res => {
        console.log('保存成功')
      })
    }
  }
}
</script>

在上面的代码中，我们定义了一个saveData函数，用来将前端数据元转换成分并调用api.js中的函数发送请求保存到后端。在函数中，我们首先将data属性中的元转换成分，然后调用api.js中的函数发送请求保存到后端。当保存成功后，我们在控制台中输出一条消息。

综上所述，我们可以通过上述的代码示例来实现前后端数据转换和保存的功能。当然，具体实现还需要根据您的业务需求来进行调整。