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()
项目截图如下:




本文介绍了Vue CLI 3中静态资源的正确放置位置及组件间方法调用的最佳实践。静态资源应放置于public目录而非static,并通过http://localhost:8004/map.html访问。此外,还讲解了如何通过暴露方法来实现组件间的调用,避免将其设置为全局方法。

3万+

被折叠的 条评论
为什么被折叠?



