1、在vue-cli3中静态资源目录为public,而不是static,所以如果静态资源,可以放在public中
比如map.html 放在public下,运行npm run serve 后用http://localhost:8004/map.html可以访问得到,反之,放在static下则访问不到
2、组件中调用方法奥,为了更好的组织,将方法放进某个文件然后暴露出来,供组件调用,不需要把它设为全局方法,这里的暴露要注意用export {}即可,不要用export default{},否则会报错 "export 'test2' was not found in
正确的js文件组织方式:
//DateUtil.js
function test1() { alert('test1'); }
function test2() { alert('test2'); }
export {
test1,
test2
}
其中 组件中引用的方式:
import {test1,test2} from '@/common/commonMethods/DateUtil.js' //引入api地址
//调用时直接调用 test1()
项目截图如下: