关于vue-cli3 走过的坑

it2022-05-05  159

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()

项目截图如下:


最新回复(0)