Vuejs3导入到composable中

Question

我想在一个可组合的文件中使用vue-papa-parse的功能。我已经测试并发现vue-papa-parse可以按照我将其导入到vue组件中时所描述的方式工作。但是我不知道如何将它导入到我的JavaScript可组合函数中。

main.js

import { createApp } from 'vue'
import App from './App.vue'
import VuePapaParse from 'vue-papa-parse'

const app = createApp(App)

app.use(VuePapaParse)
app.mount('#app')

usePapaParse.js

import VuePapaParse from 'vue-papa-parse'
        
export default function usePapaParse(){
    function csvToJson(){
        this.$papa.parse('name,address,city,state,zip') // error, can't read parse of undefined
        
        console.log(this.$papa.data)
    }
}

Answer 1

我认为您的问题是因为您不在.vue文件的作用域中，因此没有注入默认值。

我怀疑这个库公开了一些可以直接使用的导出。

尝试在导入的对象上直接调用某些函数

import VuePapaParse from 'vue-papa-parse'

//maybe VuePapaParse.parse
VuePapaParse.someFunc

第二种方法

import * as papa from 'vue-papa-parse'

//check what intellisense shows here
papa.<something>