小伙伴们在用vue开发h5项目特别是移动端的项目，很多都是打包后挂载在原生APP上的，那就少不了与原生交互了，我最近就是在坐这个，踩了一些坑，拿出来给大家分享下。
0.通过url传输数据：（一般是在入口页面传下app的用户信息进来供vue h5使用）
methods: {
// 接收url后的数据
urltext() {
let loc = location.href; 6 let n1 = loc.length;//地址的总长度
let n2 = loc.indexOf("=");//取得=号的位置
let outToken = loc.substr(n2 + 1, n1 - n2);//从=号后面的内容
console.log(loc,n1,n2,outToken)
this.outTokenPost(outToken) //传到处理函数
},
}
1.原生APP提供一个接口对象的引用（例如一个扫码的接口，可能还有回调函数以获得扫码结果）
思路就是万物通过window 进行交互
// 将vue组件的要回调的函数暴露出去
mounted:function(){
// 将subscanQRCallBack方法绑定到window下面，提供给外部调用
window['scanQRCallBack'] = (result) => {
this.subscanQRCallBack(result)
}
},
methods:{
scan(){
// alert('开始扫码了')
window.client.startScanQR('OS与js交互',scanQRCallBack) // 通过window调用app提供的client对象
},
subscanQRCallBack(result){
// alert('扫码结果6466：'+result);
this.scanPost(result)
},
}
由交互引发的对vue生命周期的思考
开发时遇到一个经典问题，需要在页面刚载入时与app交互判断是否显示一个弹窗。看似很简单，进入页面调一个交互方法即可，但这个需求的解决经历了几个步骤：
1、created
因为created时，实例就创建完成了，我开始的选择是在此生命周期挂载方法并调用交互，结果：页面闪退，猜测：实例虽有，但模板未编译挂载，app调用方法失败导致闪退
2、mounted
第二次将挂载和调用写在了mounted内，结果：页面闪退，猜测（误）：挂载和调用靠的太近，可能方法未挂载完就直接调用，导致闪退
3、created+mounted
created内挂载方法，mounted内调用交互，结果：我的ios12无异常，几乎以为成功时，ios10还是发生了闪退，猜测ios12的webview对此问题进行了优化，考虑兼容性，方案不可行。
4、延时
猜测是window没有加载完便调用了window下的方法，导致闪退，对交互方法加了1s延时，成功！但体验一般，因为硬性的定时容易引发许多不可控的问题，而且弹窗延时的存在导致用户体验低下。
5、window.onload
onload 事件会在页面或图像加载完成后立即发生。mounted钩子里添加代码window.onload=function(){//调用交互}，在window加载完成以后触发交互，而且此时间节点在vue的生命周期是不存在的，也是在mounted、created钩子后发生的，这个原生的方法还是很棒的，完美解决~！
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
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%。