记录一下学习webpack+vue碰到的一个大坑，踩这个坑是我才疏学浅的表现，特此引以为戒。因为该坑实在是太坑了！
代码
header.html
<body>
<div id="popup-wrap">
<popup ref="popup"></popup>
</div>
</body>
header.js
import popup from '../../components/popup/popup.vue'
import './header.scss'
let header_vue;
$(function () {
header_vue = new Vue({
el: '#popup-wrap',
data: {
},
mounted: {
// 输出为{popup: VueComponent}
console.log(this.$refs);
}
components: {popup},
methods: {
pop_data: function () {
// 输出为{}
console.log(this.$refs);
}
}
});
});
export {header_vue}
other.js
import {header_vue} from "../header/header";
$(function () {
header_vue.pop_data()
});
popup.vue是一个普通的弹窗组件。我在header.js中引入该组件，并实例化一个header_vue使用了popup组件，然后在other.js中引入header_vue试图使用pop_data函数，该函数仅输出header_vue的$refs，经测试，该函数输出为一个空的对象，但是mounted钩子正常输出。
我就很纳闷，为啥mounted输出正常，函数调用就成空的了呢，Vue也已经挂载完成了啊。
resolve
一番气急败坏的debug后，在header.js的$(function())加上了一句console.log('ok')，结果浏览器输出了俩ok。短时间大脑的高速运转后，我发现了问题的所在:
webpack打包了两遍header.js！
所以解决的办法就是把header_vue = new Vue()改成window.header_vue = new Vue()。别处直接用就行了。
尾话
目前没搞清楚具体的bug出现原因，正常使用webpack多次引入同一个export也没有出现过此问题。但是肯定是我没学明白，有大牛知道的话麻烦解答解答。
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。