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导入 import utils from './utils.js'
然后 Vue.prototype.$utils = utils

组件里 <el @click="$utils.xFunction(xx)"></el>