vue中如何自定义公共function

Question

问题描述

在vue项目中，我想自己封装一些共用的函数，函数我封装好了，但是我将函数移至一个公共的文件中，再按需加载，提示我： _vm.xFunction is not a function
[问题]：vue中定义公共函数，支持按需调用的格式是怎样的？

相关代码

lib/utils.js   公共文件夹/文件
export default {
    xFunction (e) {
        ...
        return ...
    }
}

//按需调用
A.vue<template>
    <div>
        <el @click="xFunction(xx)"></el>
    </div></template><script>
    import { xFunction } from '@/lib/utils'</script>

你期待的结果是什么？实际看到的错误信息又是什么？

上面我的写法哪里错了？大神们可以指点下吗？

Answer 1

先从main.js导入&nbsp;import utils from './utils.js'然后&nbsp;Vue.prototype.$utils = utils组件里&nbsp;<el @click="$utils.xFunction(xx)"></el>