Vue JS在创建的生命周期钩子中导入外部javaScript和调用方法答案

【问题标题】：VueJS importing external java Script and call methods in created life cycle hookVue JS在创建的生命周期钩子中导入外部javaScript和调用方法
【发布时间】：2018-08-13 00:03:40
【问题描述】：

如何将外部 java 脚本文件导入 Vue 组件以及如何在创建的生命周期挂钩内调用该外部文件中的方法？

【问题讨论】：

标签： javascript vue.js vuejs2 vue-component

【解决方案1】：

你需要在你的外部js文件中导出函数：

function myMethod() { .... }

export default myMethod;

然后导入你的vue文件并使用：

import myMethod from "external-file.js"

现在，您可以在 created 钩子中使用 myMethod：

created() {
  myMethod();
}

如需更多帮助，请查看export 和import。

【讨论】：

非常感谢。有用！ =) 但是我导入到我的 vue 组件还有另一个问题，除了调用 created() 钩子之外，我尝试直接从单击事件中调用它。 "" 然后它给出错误 "Invalid handler for event "click": got undefined" 我如何调用它一个按钮，或者我可以将它注册为我的 vue 组件中的普通方法。