我喜欢 Vue。当我在 2016 年第一次接触它时，也许那时我已经对 JavaScript 框架感到疲劳了，因为我已经具有Backbone、Angular、React 等框架的经验，没有太多的热情去尝试一个新的框架。直到我在 Hacker News 上读到一份评论，其描述 Vue 是类似于“新 jQuery” 的 JavaScript 框架，从而激发了我的好奇心。在那之前，我已经相当满意 Reac

7 月 8 日，由 Vue 团队打造的下一代测试框架 Vitest 正式推出 2.0 版本！ Vitest 于 2021 年 12 月推出，至今已经过去了两年多的时间，其发展速度可谓是非常迅速，目前在 npm 下载量已经达到了每周500w，并且还在呈现快速增长的趋势。 Vitest 是一个原生支持 Vite 的测试框架。Vitest 以其快速、简洁的测试解决方案而爆火，只需要很少的配置即可上手。由

欢迎阅读 OSCHINA 编辑部出品的开源日报，每天更新一期。 # 2024.7.1 今日要闻 Vue DevTools Next 发布浏览器扩展 Vue DevTools Next 是一款专为增强 Vue 开发体验而设计的工具，其功能强大、用途广泛，可显著提升在处理 Vue 应用程序时的工作效率和调试能力。 Vue DevTools Next 已推出浏览器扩展，目前处于 Beta 阶段： 闲鱼网

Vue DevTools Next 是一款专为增强 Vue 开发体验而设计的工具，其功能强大、用途广泛，可显著提升在处理 Vue 应用程序时的工作效率和调试能力。 Vue DevTools Next 已推出浏览器扩展，目前处于 Beta 阶段： 插件地址 https://chromewebstore.google.com/detail/vuejs-devtools-beta/ljjemllljcm

前言 最近跨标签页数据传输这类功能点比较火，因为现在跨标签同步数据共享的需求越来越多了，所以大家伙也就都探讨这类功能点的实现方式。 今天我就在 Vue3 项目中，给大家演示一下纯前端如何实现跨标签通信： 1、BroadCast Channel 2、Service Worker 3、LocalStorage + onstorage 4、open + postMessage 我先准备一个基础页面，代码

前言 众所周知，当子组件使用setup后，父组件就不能像vue2那样直接就可以访问子组件内的属性和方法。这个时候就需要在子组件内使用defineExpose宏函数来指定想要暴露出去的属性和方法。这篇文章来讲讲defineExpose宏函数是如何暴露出去这些属性和方法给父组件使用。注：本文中使用的vue版本为3.4.19。 看个demo 父组件index.vue的代码如下： 调用子组件的valida

背景 最近在做一个需求的时候，用到了一个 Vue3 内置的 API，发现真的非常实用，分享给大家。 需求是这样的，我有一个变量 sum，是通过computed去计算的，且 sum 依赖的变量有的是响应式的，有的不是响应式的，所以会造成以下的后果，当非响应式变量改变时，并不会触发sum 的响应式更新，只有响应式变量改变时才会触发sum的响应式更新。 图片 所以我需要用到一个 Vue3 的内置 API

Vue.NetCore 一款基于Vue（提供Vue2/Vue3版本）和.Net Core前后端分离、开源免费（MIT License）、强大、跨平台的快速开发框架，并且框架内置代码生成器（解决重复性工作，提高开发效率），支持移动端(iOS/Android/H5/微信小程序）。 GitHub源码地址：https://github.com/cq-panda/Vue.NetCore 公众号文章详细介绍：

什么是 Vue Macros Vue Macros 是一个 vue 的周边库，可以在 Vue 2.7 以上的项目中进行使用。并引入了一套高级功能（宏）和语法糖。 图片 这些宏是库的一部分，主要是实现了 Vue 目前尚未正式采用的提案。 如何使用？ 要开始在项目中使用 Vue Macros，首先需要安装该库： 使用 npm：npm install -D unplugin-vue-macros 使用

Vue、React和Angular是三个流行的前端开发框架。它们都有自己的生命周期，用于管理组件的创建、更新和销毁过程。下面是对Vue、React和Angular框架生命周期的详细解释： Vue生命周期： 创建阶段（Creation）： beforeCreate：在实例被创建之前调用，此时数据观测和事件配置尚未完成。 created：在实例创建完成后立即调用，可以访问数据、计算属性和方法，但DOM

介绍 在启动 Vue 项目时，思考项目结构至关重要。主要考虑因素是预期项目的规模。在本篇博文中，我将探讨适用于不同规模 Vue 项目的各种结构。这个考虑与康威定律相吻合： "设计系统的组织受限于产生这些组织沟通结构的设计。" - 梅尔·康威 基本上，康威定律暗示了您的 Vue 应用程序的架构将固有地反映出您的组织架构，从而影响您应该如何规划项目的结构。 一些常规规则 在我们开始介绍不同的项目结构之

Vue 联邦大会（Vue Nation） 2024的 Vue 联邦大会（Vue Nation）上，Vue 核心团队成员现身，并进行现场问答，涉及到了很多 Vue 的高级功能、组件构建、常见的问题，以及一些启发性的演讲。 可以看到，清一色的大佬啊！ 图片 Vue 核心团队现场问答 Vue 核心团队成员主要是回答了： Vue 开源贡献方面 关于测试方法 Vue 的发展展望 图片 Eduardo 是 P

Vue.js 是一个流行的前端框架，它允许我们以声明式的方式将 DOM 绑定至底层 Vue 实例的数据。在 Vue.js 中，基础语法主要包括数据绑定、指令、计算属性和侦听器等。下面我们将详细介绍 Vue.js 的基础语法。 一、数据绑定 Vue.js 使用了基于 HTML 的模板语法，允许你以声明式的方式将已渲染的 DOM 绑定至底层 Vue 实例的数据。所有数据绑定都以 "v-" 开头，这被称

单页应用（SPA）以其出色的用户体验和流畅的页面切换效果在现代Web开发中备受青睐。然而，与传统的多页应用相比，SPA 在页面结构和资源管理上存在一些独特的挑战。 其中一个常见的问题是如何在 SPA 中高效地管理页面的  标签，包括动态设置页面标题、元信息、样式表链接等。本文就来看看如何在 Vue 和 React 项目中更加简单、高效的管理  标签！ 前言 React 和 Vue 主要被用于构建单

Web Components 原因 探讨使用Web Components的原因，我们已经知道像 Vue 和 React 这样的成熟框架存在，但是有没有深入思考过为什么选择使用这些框架？核心理由无非是为了减少编码工作量，通过框架减少代码重复，尽管这同时引入了一些原生不支持的特性，从而增加了一定的复杂性。当我了解到Web Components时，我开始思考是否可以用它来取代 Vue，因为 Vue 的主

通过整合 bootstrap 和 vue.js，您可以简化响应式、可维护的 php web 应用程序的构建过程。整合 bootstrap：安装 bootstrap，在您的 index.php 文件中加载 css 和 js 文件，然后在 html 中使用 bootstrap 组件。整合 vue.js：安装 vue.js，在 index.php 文件中加载 vue.js 文件，创建一个 vue 实例并

php 函数在服务器端执行，用于处理数据和控制程序流，而 vue 函数在客户端执行，用于操纵 dom 和管理状态。 PHP 函数与 Vue 函数的区别 在 Web 开发中，PHP 和 Vue 作为两种流行的技术，提供了不同的函数集，以实现不同的功能。 PHP 函数 PHP 函数通常在服务器端运行，用于处理数据、操作文件和控制程序流。一些常见的 PHP 函数包括： echo() 和 print()：

经过多年的不断演进，Vue 已经构建了一个极为丰富且强大的生态系统，今天就来盘点 Vue 官方生态系统中那些好用的工具！ 框架 Vue 有两个主要的代码仓库： Vue 2： 介绍：目前已经停止维护。 Github：https://github.com/vuejs/vue Vue 3： 介绍：官方推荐并且在积极维护更新的默认的 Vue 版本。 Github：https://github.com/vu

金三银四 马上就到了金三银四的重要时刻了！！今天给大家分享一个度小满的面经。考Vue考的多一些~~~ 面经 1.怎么理解Vue单向数据流？ 父组件传输局props给子组件时，子组件只能使用而不能修改，这是为了组件之间能更高地去解耦。比如有一个父组件，传props给10个子组件，如果某一个子组件修改了，那么会影响其他9个子组件跟着刷新，所以不推荐子组件修改props。 2.Vue 组件之间的通信方式

douyin 是一个模仿抖音的移动端短视频开源项目，它基于 Vue、Vite 实现。使用了最新的 Vue 全家桶技术栈，接口数据通过 axios-mock-adapter模拟。 效果截图 用 Vue 全家桶纯手工搓了一个开源版「抖音」，高仿度接近 100% 开源地址：https://github.com/zyronon/douyin DyJava 是一款功能强大的抖音 Java 开发工具包，支持多