如何导入使用Vue cli中其他本地文件中的函数的JavaScript文件,而不会出现未定义的错误?
我一直在尝试将HTML模板(包括JS和CSS)转换为VueJS应用程序。该模板的结构和模块化方式使来自其他本地JavaScript文件的JavaScript函数在其他本地文件中重复使用 现在的问题是,在Vue单页应用程序中导入时,我的JavaScript文件中出现了未定义的变量错误 例如: 文件validate.js具有validate_username()和validate_email() 文件login.js具有login() 文件register.js具有register(),但使用来自其他文件的validate_username()和login() 我如何尝试在Vue中导入文件:如何导入使用Vue cli中其他本地文件中的函数的JavaScript文件,而不会出现未定义的错误?,javascript,html,vue.js,Javascript,Html,Vue.js,我一直在尝试将HTML模板(包括JS和CSS)转换为VueJS应用程序。该模板的结构和模块化方式使来自其他本地JavaScript文件的JavaScript函数在其他本地文件中重复使用 现在的问题是,在Vue单页应用程序中导入时,我的JavaScript文件中出现了未定义的变量错误 例如: 文件validate.js具有validate_username()和validate_email() 文件login.js具有login() 文件register.js具有register(),但使用来自其
导入“./assets/validate.js”;
导入“./assets/login.js”;
导入“./assets/register.js”;
我正在获取register.js中未定义的validate_username()您必须从其文件中导出函数:
// login.js
export const login = function() {
...
}
以便您可以导入它们:
从'./assets/login.js'导入{login};
或者,您可以创建一个
默认值
导出,而不是命名导出:
导出默认函数(){//login
...
}
是否正在使用vue cli或webpack之类的捆绑程序?请同时共享我正在使用vue cli的一个文件内容。
import login from './assets/login.js';