拥抱 JSX/TSX？ 我们都知道 Vue 一直主流是使用 template 模板来进行页面的编写。而就在最近，Vue3 的超前项目 Vue Macros 中，发布了 defineRender、setupComponent、setupSFC 这些新的 API，这代表了，以后 Vue3 有可能可以全面拥抱 JSX/TSX 了！！ 说这个新 API 之前，我们先来说说什么是 Vue Macros。 V

大家好，我是 CUGGZ。 今天就来分享 7 个适用于 Vue 3 的高颜值 UI 组件库！ Element Plus Element Plus 是一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的组件库。Element Plus 使用 TypeScript + Composition API 进行了重构，提供完整的类型定义文件，使用 Vue 3.0 Composition API 降低

前言 大家好，我是林三心，众所周知，修饰符也是Vue的重要组成成分之一，利用好修饰符可以大大地提高开发的效率，接下来给大家介绍一下面试官最喜欢问的13种Vue修饰符 1.lazy lazy修饰符作用是，改变输入框的值时value不会改变，当光标离开输入框时，v-model绑定的值value才会改变 {{value}} data() { return { value: '222' } } lazy1

在现代Web开发中，表情符号（Emoji）已经成为丰富用户交互体验、增强信息表达的重要元素。本文将详细介绍如何在Vue3项目中引入和使用Emoji，以及相关的优化技巧。 Emoji简介 Emoji是一种源自日本的视觉情感符号系统，如今已在全球范围内广泛应用。随着Unicode编码标准对Emoji的支持，它们可以直接嵌入到文本内容中，并在支持Emoji显示的设备上正确渲染。 在Vue3中引入Emoj

太细了！ 最近在看一篇微前端的文章的时候，看到了这么一个评论，瞬间引起了我的求知欲，这个评论是这样的： 可能有些人不知道微前端是啥，也不知道 主应用 和 子应用 是啥，我画一个图给大加简单展示一下吧： 在这里再说一下 vue 文件的 scoped style 是怎么做到样式隔离的，其实就是 vue解析器 在解析 vue 文件的时候，会通过内部的一种计算方法（怎么算的后面会说），给每一个 vue 文

在现代Web应用中，实时数据交互和推送是一个非常关键的功能。WebSocket作为一种在单个TCP连接上进行全双工通信的协议，使得服务器与客户端之间的数据传输更加高效、实时。本文将详细介绍如何在Vue3框架下利用WebSocket实现双向实时通讯。 WebSocket简 WebSocket允许服务端主动向客户端发送数据，无需客户端发起请求，从而实现了低延迟、高效率的数据交换。它通过HTTP升级协议

事情的起因是这样的，有一个粉丝朋友跟我述说了她的焦虑：都 2024 年了，她的团队还在用 jQuery 开发项目，她觉得自己距离 React、距离 Vue 好遥远。觉得自己是被时代抛弃的弃子，她目前的状态就是每天都活在极度的焦虑当中，每次听到有人说行情不好，或者哪哪家公司又在裁员，都感觉心惊肉跳。 为了从根上解决她的焦虑，于是就有了这个标题。我知道看到这个标题，很多人第一反应是不理解，jQuery

PHP与Vue：完美搭档的前端开发利器 在当今互联网高速发展的时代，前端开发变得愈发重要。随着用户对网站和应用的体验要求越来越高，前端开发人员需要使用更加高效和灵活的工具来创建响应式和交互式的界面。PHP和Vue.js作为前端开发领域的两个重要技术，搭配起来可以称得上是完美的利器。本文将探讨PHP和Vue的结合，以及详细的代码示例，帮助读者更好地理解和应用这两种技术。 一、PHP简介 PHP是一种

前言 我们每天写vue3项目的时候都会使用setup语法糖，但是你有没有思考过下面几个问题。setup语法糖经过编译后是什么样子的？为什么在setup顶层定义的变量可以在template中可以直接使用？为什么import一个组件后就可以直接使用，无需使用components 选项来显式注册组件？ vue 文件如何渲染到浏览器上 要回答上面的问题，我们先来了解一下从一个vue文件到渲染到浏览器这一过

Vue 3是一个非常流行的前端框架，广泛应用于大型互联网企业和个人项目。 虽然我们已经熟悉了一些常见的 Vue 3 知识，但还有一些不太常见但实用性很强的点可以帮助我们进一步优化和提升 Vue 3 应用的性能和开发效率。 本文将介绍一些不太常见的Vue 3知识点。 1.Teleport Teleport 是 Vue 3 中不太常见但非常有用的功能。它允许我们在组件内的任何位置渲染内容并将其安装到

前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~ 在 2024 年 2 月 28 号 - 2024 年 2 月 29 号，Vue 召开了 VueJS Amsterdam 2024 大佬尤雨溪进行了开场主旨演讲，并回顾了 Vue 十年来的历程，从一个视图层工具，逐成为了一个非常出色的、拥有强大生态的前端框架 图片 图片 回顾 Vue 3.4 首先回顾

在本教程中，我们将在Vue 3中使用JWT、Vuex、Axios、Vue Router和VeeValidate构建一个身份验证和授权的示例。 内容包括： 用户注册和用户登录的JWT身份验证流程 使用Vuex 4和Vue Router 4进行Vue 3身份验证的项目结构 定义Vuex认证模块 使用Vuex Store创建Vue 3身份验证组件 使用VeeValidate 4实现响应式表单验证 访问受

前端领域一直是开源项目的热土，GitHub上涌现了众多优秀的前端开源项目。这些项目不仅为前端开发者提供了强大的工具和库，还推动了前端技术的不断发展和创新。今天，我们就来盘点一下GitHub上关注度最高的12个前端开源项目，带你一探究竟！ 1. Vue.js 作者：尤雨溪（Evan You） 仓库地址：https://github.com/vuejs/vue 介绍：Vue.js是一个构建用户界面的渐

近日，Vue 官方语言工具发布了 2.0 版本，该版本已经将 VS Code 插件名称由Volar Language Features (Volar) 改为了 Vue - Official，TypeScript Vue Plugin扩展也已经被弃用。下面就来看看该版本都带来了哪些更新。 新功能 支持通过拖拽导入组件 混合模式： 弃用了 Takeover 模式，但扩展现在默认拥有与 Takeover

十年，一个既漫长又短暂的时光跨度，对于技术世界来说，更是沧海桑田的瞬间。在这十年里，Vue.js 从无到有，从默默无闻到蜚声全球，不仅改变了前端开发的面貌，更成为了无数开发者手中的得力工具。 在 2024 年的 Vue Amsterdam 大会上，Vue 的作者尤雨溪发表了题为《10 Years of Vue》的演讲。本文就来简单总结一下这次演讲，回顾 Vue 的过去十年，并展望未来！ Vue 十

1. 需求分析 当我们在做文件预览功能时，往往会遇到一种糟糕的情况。 就是每预览一种类型的文件，就需要重新安装、配置、编写一个新的库来实现，很麻烦，也很繁琐。 于是，我寻找了一个可以通用的预览库，来处理这个问题。 vue-office，一个支持多种文件docx、excel、pdf预览的vue组件库，作者hit757。这个库不仅能支持vue2/3，也支持非Vue框架的预览使用。 先看一下线上演示效果

随着前端技术的不断发展，Vue.js作为一种流行的JavaScript框架，被广泛应用于构建现代化的Web应用程序。而在生产环境中，我们通常需要借助Web服务器来部署和提供Vue应用的静态资源。Nginx作为一款高性能的HTTP和反向代理服务器，成为了许多开发者的首选。 一个案例： 一个客户提出希望在部署后的路径上添加一个项目前缀weijishu，原来访问地址是http://192.168.11.

Vue.js 作为一个 JavaScript 框架，由于其简单、易用和学习曲线，是 React.js 和 Angular.js 等现代 JavaScript 框架的有力竞争者。 在 Vue.js 的核心，组件在抽象复杂逻辑方面发挥着重要作用，这使得你的 Vue.js 项目可维护。另一方面，UI 库是由专业团队构建的精美 UI 组件的集合，使您能够以一致的外观和优化的方式构建您的网站。 在本文中，我

在 2022 年的 VueConf 活动中，Vue 的作者尤雨溪首次提出了 Vapor Mode 的概念，这是一个受到 Solid 启发的编译策略，它打破了对虚拟 DOM 的依赖，转而充分利用 Vue 内置的响应性系统，带来了显著的性能提升。目前，Vapor Mode 已经推出了实验版本，可以在 steam-repl.netlify.app 上先行体验。 下面就来看看 Vapor Mode 是什么

欢迎阅读 OSCHINA 编辑部出品的开源日报，每天更新一期。 # 2024.2.4 今日要点 OpenSource Daily 10 年前的今天 —— Vue.js 正式问世 10 年前的今天（2014 年 2 月 3 日），Vue 在 Hacker News 上首次对外亮相：news.ycombinator.com/item?id=7169288 10 年后，Vue 已成为使用最广泛的前端项目