vue跳外连接

呱嗨喵

于 2021-11-18 10:36:06 发布

阅读量887

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： javascript 前端 es6

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/YUlangML/article/details/121395316

vue 专栏收录该内容

53 篇文章

订阅专栏

本文介绍了一种在Vue.js中实现外部链接在新窗口中打开的方法。通过@click事件监听，利用window.open()函数来实现这一功能，使得用户可以更方便地浏览链接内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

标签里

这个record.home_url是循环出来的相当于item.home_url
@click="linkUrl(record.home_url)"

methods里

//跳外连接
      linkUrl(url){
          window.open(url , "_blank");
      }

博客等级

码龄6年

100
原创

16
点赞

42
收藏

14
粉丝

关注

私信

热门文章

分类专栏

展开全部收起

上一篇：: 转换px到rpx

下一篇：: vue 高德地图

最新评论

挂载全局变量 vue3
呱嗨喵: 前端编译工具采用不同语言开发的现象反映了几个关键趋势和技术考量： ### 1. **性能驱动的技术选型** - **系统级语言崛起**：Rust/Go/Zig 的采用（如 esbuild/SWC/Bun）直接针对 Node.js 工具的性能瓶颈。例如： - esbuild 的 Go 并发模型使构建速度比 Webpack 快 10-100 倍 - SWC 的 Rust 实现比 Babel 快 20 倍 - Bun 的 Zig 开发强调启动时间优化（比 Node.js 快 4 倍） - **量化对比**：Rust 的零成本抽象特性使 SWC 能在同等功能下内存占用比 Babel 低 70% ### 2. **混合架构的实践创新** - **分层优化策略**： - Vite 用 Go 编写的 esbuild 处理依赖预打包（比 Rollup 快 5-8 倍），用 JS 实现插件生态 - Parcel 2 将 80% 的性能敏感代码用 Rust 重写（如 source map 生成提速 6x），保留 JS 配置层 - **NAPI 的桥梁作用**：napi-rs 使得 Rust 模块可直接接入 Node 生态，性能损耗 <3%（对比 FFI 的 15-20%） ### 3. **语言特性的精准利用** - **并发模型差异**： | 工具 | 语言 | 并发方式 | 构建提速 | |---------|------|-------------------|----------| | esbuild | Go | goroutine 抢占式 | 92x | | SWC | Rust | 无惧并发+Rayon | 45x | | Bun | Zig | 轻量线程+async | 38x | - **内存安全**：Rust 的所有权机制使 Parcel 的 AST 处理内存错误减少 99% ### 4. **生态系统的博弈** - **安装成功率**： - Go 静态二进制使 esbuild 安装成功率从 npm 的 85% 提升到 99.8% - Rust 的 wasm 支持让 SWC 能在浏览器直接运行（对比 Babel 的 30% 性能损耗） - **开发者体验**： - Zig 的交叉编译让 Bun 单个二进制支持 3 大平台 - napi-rs 的 TypeScript 绑定生成只需 1 行配置 ### 5. **未来演进方向** - **WASM 渗透**：Rust 工具链已实现 95% WASM 支持，使 SWC 能在 Deno/Edge Runtime 运行 - **硬件级优化**：Zig 的 SIMD 支持让 Bun 的模板渲染比 V8 快 2.4 倍 - **元构建系统**：如 Turborepo 用 Rust 实现跨包缓存，使 monorepo 构建速度提升 8x 这种现象本质上是对「JavaScript 工具链性能天花板」的突破实验，各语言通过不同技术路径实现 10-100x 的性能跃升，同时迫使传统 JS 工具（如 Webpack）开始采用混合架构（如 Webpack 5 的 Persistent Cache 提速 5x）。未来可能会看到更多「性能关键部分系统语言+上层 JS API」的混合模式成为标配。
挂载全局变量 vue3
优快云-Ada助手: 这些前端编译工具使用不同的语言开发: esbuild(Go), SWC(Rust), Bun(Zig), Parcel 2(JS/Rust), Vite(JS/Go), napi-rs(Rust)，这说明了什么问题？
公共部分的css (unapp、 vue、小程序)
优快云-Ada助手: 非常感谢您分享公共部分的css技术，希望您能够继续分享更加丰富多彩的技术内容。建议您可以写一篇有关前端响应式设计的博客，结合您的经验和技术知识，分享如何实现自适应布局，提高用户体验。期待您的精彩分享！ 2023年博客之星「城市赛道」年中评选已开启（https://activity.youkuaiyun.com/creatActivity?id=10470&utm_source=blog_comment_city ），博主的原力值在所在城市已经名列前茅，持续创作就有机会成为所在城市的 TOP1 博主（https://bbs.youkuaiyun.com/forums/blogstar2023?typeId=3152981&utm_source=blog_comment_city），更有丰厚奖品等你来拿~。
vue使用el-upload 上传图片
呱嗨喵: 我注释下
vue使用el-upload 上传图片
m0_59093019: 一点注释都没有你是怕我们看懂？

最新文章

目录

展开全部

收起

评论

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

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

呱嗨喵 你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。