20 个使用 Vue.js 构建的很棒的网站

Vue 是一个用于构建 Web 界面和单页应用程序的渐进式框架。它在开发人员中越来越受欢迎,并且由于其灵活性和适度平滑的学习曲线,该框架目前被超过 65 万个网站以及 Apple、Netflix 和 Google 等大公司使用。这里列出了 20 个很棒的网站和登陆页面,你可能听说过,但可能不知道是使用 Vue.js 创建的。在我们进入列表之前,我使用 SaaS Landing Page 来查找

Vue小助理

3609人浏览 · 2022-08-14 22:28:26

Vue小助理 · 2022-08-14 22:28:26 发布

Vue 是一个用于构建 Web 界面和单页应用程序的渐进式框架。它在开发人员中越来越受欢迎,并且由于其灵活性和适度平滑的学习曲线,该框架目前被超过 65 万个网站以及 Apple、Netflix 和 Google 等大公司使用。

这里列出了 20 个很棒的网站和登陆页面,你可能听说过,但可能不知道是使用 Vue.js 创建的。

在我们进入列表之前,我使用 SaaS Landing Page 来查找高质量的 Vue.js 示例,并使用 Wappalyzer(一个了不起的免费工具)来识别产品背后的技术。

SaaS 登陆页面

[ SaaS登陆页面 ](https://res.cloudinary.com/practicaldev/image/fetch/s--nnd1O3s3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary .com/practicaldev/image/fetch/s--J4kyTaA---/c_limit%252Cf_auto%252Cfl_progressive%252Cq_auto%252Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/coyacj9ed75ydj0rtk2t.jpg)

发现由顶级 SaaS 公司创建的最佳登录页面示例,并为您的下一个设计项目获取想法和灵感。

Wappalyzer

[ Wappalyzer ](https://res.cloudinary.com/practicaldev/image/fetch/s--zpcc8nzB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com /practicaldev/image/fetch/s--cfdjvB3D--/c_limit%252Cf_auto%252Cfl_progressive%252Cq_auto%252Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/9kag43aysye66dnb0bg9.jpg)

立即免费显示任何网站的技术堆栈。

20 个很棒的 Vue.js 网站示例:

1\。Spendesk

[ Spendesk ](https://res.cloudinary.com/practicaldev/image/fetch/s--qo_XTtJH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads .s3.amazonaws.com/i/57mry41y7azwsshunfhq.jpg)

Spendesk 是一项一体化的企业费用和支出管理服务。它使您可以跟踪整个公司的费用,为您的员工提供明确的批准流程,并简化您的簿记。

2\。现代

[](https://res.cloudinary.com/practicaldev/image/fetch/s--nsrV2QGf--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads .s3.amazonaws.com/i/yt66bke6gtfqkgpazdxf.jpg)

Moderne 提供高度定制的广告创意和见解,提供数字工作空间,让创意人士更有效地进行头脑风暴。

3\。充电蜂

[ Chargebee ](https://res.cloudinary.com/practicaldev/image/fetch/s--EafkD_v8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads .s3.amazonaws.com/i/r2ahtqjebtbae0i94vfa.jpg)

Chargebee 是领先的订阅计费软件,为 2000 多家 SaaS 企业提供端到端的定期计费、订阅管理和自动发票。

4\。优信

[ Yousign ](https://res.cloudinary.com/practicaldev/image/fetch/s--a1Y8m0bZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads .s3.amazonaws.com/i/fbwiwy6t7tfvd12uxwu8.jpg)

Yousign 是一种经过认证的软件解决方案,用于生成可验证的电子签名。该应用程序是法国同类产品中的佼佼者,并且已经拥有超过 1500 名客户的庞大客户群。

5 . 护士

[! Infermedica] (https://res.cloudinary.com/practicaldev/image/fetch/s--PsGbrjIb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads .s3.amazonaws.com / i / 2yipl9f9w8xg30vmijwc.jpg)

Infermedica 是一家领先的数字健康公司,专门提供用于初步诊断和患者分流的人工智能解决方案。

6\。购买

[](https://res.cloudinary.com/practicaldev/image/fetch/s--ZtPrpviL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads .s3.amazonaws.com/i/6ghdzfnk8ozdeyqpzv52.jpg)

Keap(前身为 Infusionsoft)为小型企业提供电子邮件营销和销售平台,包括管理和优化客户生命周期、客户关系管理、营销自动化、潜在客户捕获和电子商务的产品。

7\。美女

[](https://res.cloudinary.com/practicaldev/image/fetch/s--Hul8KUk---/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/i/ojrg1te3fdm64axj8evt.jpg)

Beau 让您可以轻松地从不同来源获取数据、发现模式、发现趋势并与您的团队分享见解,以保持您的业务向前发展。

8\。Laravel 蒸汽

[ Laravel Vapor ](https://res.cloudinary.com/practicaldev/image/fetch/s--WSzl_5Y0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/i/2rys7x90b3pszewx4mt9.jpg)

Laravel Vapor 是 Laravel 的自动扩展、无服务器部署平台,由 AWS Lambda 提供支持。在 Vapor 上管理您的 Laravel 基础架构,并爱上无服务器的可扩展性和简单性。

9\。元音乐

[ MetaMusic ](https://res.cloudinary.com/practicaldev/image/fetch/s--r9OGx1ke--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads .s3.amazonaws.com/i/4doe6biv5s2otw8yqk4l.jpg)

MetaMusic 概述了要遵循的程序和最佳实践,并建立了一个通用的元数据模型来索引任何音乐内容。

10\。指定

[](https://res.cloudinary.com/practicaldev/image/fetch/s--OGXixgUU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads .s3.amazonaws.com/i/lla9aw69oc0ykriyk6m1.jpg)

指定是创建、扩展和维护设计系统的工具。满足数字产品团队的终极桥梁。

11\。ProtoPie

[ ProtoPie ](https://res.cloudinary.com/practicaldev/image/fetch/s--eyiQkqq5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads .s3.amazonaws.com/i/5chsr4p6xln20zxgbbat.jpg)

ProtoPie 是最简单的工具,可用于将您的 UI/UX 设计理念转化为高度交互的移动、桌面、Web 原型,一直到物联网。

12\。充电行程

[ Chargetrip ](https://res.cloudinary.com/practicaldev/image/fetch/s--vBamWyBO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads .s3.amazonaws.com/i/oe3cmjq841m6im1al33f.jpg)

Chargetrip 正在通过开发帮助人们和企业转向电动交通的缺失工具来加速可持续交通的出现。

13\。辉煌

[](https://res.cloudinary.com/practicaldev/image/fetch/s--BkZ5qo4---/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/i/e3aswj9s3anu0m0bcnab.jpg)

Brilliant 通过有趣且具有挑战性的交互式探索,帮助您建立数学、科学和计算机科学方面的定量技能。

14\。米勒和联合国基金

[ Mille et UN fund ](https://res.cloudinary.com/practicaldev/image/fetch/s--RwWoz_y8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev- to-uploads.s3.amazonaws.com/i/mxayzt25jia8oxmmi0ed.jpg)

Mille et UN Fund for Young People 是第一个将众筹、企业捐款和公共部门支持结合在一起的大型政府项目。

15\。网络化

[ Netlify ](https://res.cloudinary.com/practicaldev/image/fetch/s--_y91o7dL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads .s3.amazonaws.com/i/gnzhrxwbxvu35vjml5un.jpg)

Netlify 是一个统一的平台,可自动执行代码以创建高性能、易于维护的网站和 Web 应用程序。

16\。ITG.数字

[ ITG.Digital ](https://res.cloudinary.com/practicaldev/image/fetch/s--2FiH6gIp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to -uploads.s3.amazonaws.com/i/lkcmu1e9dna23ywf34oa.jpg)

ITG.Digital 是一个提供超过 1,500 个矢量插图和 1,000,000 种独特组合的网站,用于 Web 应用程序、演示文稿、社交媒体、印刷等。

17\。图标8

[ Icons8 ](https://res.cloudinary.com/practicaldev/image/fetch/s--wlIhW1T_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads .s3.amazonaws.com/i/n3t78v0putuj6f191kmb.jpg)

Icons8 应用程序允许在几秒钟内为图标重新着色、添加叠加层、创建图标字体、将图标拖放到任何软件等等。

18\。Inspireframe

[ Inspireframe ](https://res.cloudinary.com/practicaldev/image/fetch/s--gRZOiSBE--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads .s3.amazonaws.com/i/42r0x4cbdixisgzd0igc.jpg)

Inspireframe 让任何人都可以轻松创建包含数千个真实网站组件的网站原型。无需设计技能!

19\。空运

[ Aircall ](https://res.cloudinary.com/practicaldev/image/fetch/s--knzD7ipy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads .s3.amazonaws.com/i/jvkm1s9hxptdtqbhv9wa.jpg)

Aircall 是一款基于云的呼叫中心软件,集成了 CRM、生产力和帮助台工具。

20\。容器

[](https://res.cloudinary.com/practicaldev/image/fetch/s--Yv1PwQkB--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads s3.amazonaws.com/i/o8rkm1fkwurl1yrmfm5d.jpg)

Kontainer 是一个营销平台,用于在内部和外部安全和专业地组织和共享您的图像、视频、徽标和其他文件。

结论

我希望你喜欢这个列表 Vue.js 示例和灵感。如果您知道更多使用 Vue.js 构建的 rad 网站,请随时在下面分享。

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^