怎样在vuejs里面提取并使用公共方法？

我会带着你远行 2022-12-03 01:32 194阅读 0赞

[https://blog.csdn.net/liuxing393724034/article/details/80775065][https_blog.csdn.net_liuxing393724034_article_details_80775065]

[https://blog.csdn.net/weixin\_43254676/article/details/89556671][https_blog.csdn.net_weixin_43254676_article_details_89556671]

# ES6模块化之export和import的用法 #

# [https://juejin.im/post/6844903623273480200][https_juejin.im_post_6844903623273480200] #

我的解决办法1：这是第一种写法，export default的写法

![20200901095438370.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70][]

**方法2：这是第二种写法，每个方法分别导出的写法==》推荐**

![20200901095455548.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70 1][]

我觉得第二种写法更好。因为每次只把需要的导入，一眼就能看出依赖了哪些方法

这两种写法都不需要再main.js里面引用，只需要按需引入就行了  
============================================================

[https_blog.csdn.net_liuxing393724034_article_details_80775065]: https://blog.csdn.net/liuxing393724034/article/details/80775065
[https_blog.csdn.net_weixin_43254676_article_details_89556671]: https://blog.csdn.net/weixin_43254676/article/details/89556671
[https_juejin.im_post_6844903623273480200]: https://juejin.im/post/6844903623273480200
[20200901095438370.png]: /images/20221123/18e2a778ef18404ab399e0c1b92e0bfe.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70]: /images/20221123/7328b079e0e3434fbb0f0c95eac67e21.png
[20200901095455548.png]: /images/20221123/d024816250024debbb7e810704484f61.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70 1]: /images/20221123/da3c21620aff4b41a17128f083a306db.png