我喜欢 Vue。当我在 2016 年第一次接触它时，也许那时我已经对 JavaScript 框架感到疲劳了，因为我已经具有Backbone、Angular、React 等框架的经验，没有太多的热情去尝试一个新的框架。直到我在 Hacker News 上读到一份评论，其描述 Vue 是类似于“新 jQ
2024-07-18
7 月 8 日，由 Vue 团队打造的下一代测试框架 Vitest 正式推出 2.0 版本！ Vitest 于 2021 年 12 月推出，至今已经过去了两年多的时间，其发展速度可谓是非常迅速，目前在 npm 下载量已经达到了每周500w，并且还在呈现快速增长的趋势。 Vitest 是一个原生支
2024-07-10
欢迎阅读 OSCHINA 编辑部出品的开源日报，每天更新一期。 # 2024.7.1 今日要闻 Vue DevTools Next 发布浏览器扩展 Vue DevTools Next 是一款专为增强 Vue 开发体验而设计的工具，其功能强大、用途广泛，可显著提升在处理 Vue 应用程序时的工
2024-07-01
Vue DevTools Next 是一款专为增强 Vue 开发体验而设计的工具，其功能强大、用途广泛，可显著提升在处理 Vue 应用程序时的工作效率和调试能力。 Vue DevTools Next 已推出浏览器扩展，目前处于 Beta 阶段： 插件地址 ht
2024-07-01
前言最近跨标签页数据传输这类功能点比较火，因为现在跨标签同步数据共享的需求越来越多了，所以大家伙也就都探讨这类功能点的实现方式。今天我就在 Vue3 项目中，给大家演示一下纯前端如何实现跨标签通信：1、BroadCast Channel2、Service Worker3、LocalStorage +
2024-05-31
前言众所周知，当子组件使用setup后，父组件就不能像vue2那样直接就可以访问子组件内的属性和方法。这个时候就需要在子组件内使用defineExpose宏函数来指定想要暴露出去的属性和方法。这篇文章来讲讲defineExpose宏函数是如何暴露出去这些属性和方法给父组件使用。注：本文中使用的vue
2024-05-28
背景最近在做一个需求的时候，用到了一个 Vue3 内置的 API，发现真的非常实用，分享给大家。需求是这样的，我有一个变量 sum，是通过computed去计算的，且 sum 依赖的变量有的是响应式的，有的不是响应式的，所以会造成以下的后果，当非响应式变量改变时，并不会触发sum 的响应式更新，只有
2024-05-27
Vue.NetCore一款基于Vue（提供Vue2/Vue3版本）和.Net Core前后端分离、开源免费（MIT License）、强大、跨平台的快速开发框架，并且框架内置代码生成器（解决重复性工作，提高开发效率），支持移动端(iOS/Android/H5/微信小程序）。GitHub源码地址：ht
2024-05-24
什么是 Vue MacrosVue Macros 是一个 vue 的周边库，可以在 Vue 2.7 以上的项目中进行使用。并引入了一套高级功能（宏）和语法糖。图片这些宏是库的一部分，主要是实现了 Vue 目前尚未正式采用的提案。如何使用？要开始在项目中使用 Vue Macros，首先需要安装该库：使
2024-05-23
Vue、React和Angular是三个流行的前端开发框架。它们都有自己的生命周期，用于管理组件的创建、更新和销毁过程。下面是对Vue、React和Angular框架生命周期的详细解释： Vue生命周期： 创建阶段（Creation）： beforeCreate：在实例被创建之前调
2024-05-17
介绍在启动 Vue 项目时，思考项目结构至关重要。主要考虑因素是预期项目的规模。在本篇博文中，我将探讨适用于不同规模 Vue 项目的各种结构。这个考虑与康威定律相吻合："设计系统的组织受限于产生这些组织沟通结构的设计。" - 梅尔·康威基本上，康威定律暗示了您的 Vue 应用程序的架构将固有地反映出
2024-05-16
Vue 联邦大会（Vue Nation）2024的 Vue 联邦大会（Vue Nation）上，Vue 核心团队成员现身，并进行现场问答，涉及到了很多 Vue 的高级功能、组件构建、常见的问题，以及一些启发性的演讲。可以看到，清一色的大佬啊！图片Vue 核心团队现场问答Vue 核心团队成员主要是回答
2024-05-15
Vue.js 是一个流行的前端框架，它允许我们以声明式的方式将 DOM 绑定至底层 Vue 实例的数据。在 Vue.js 中，基础语法主要包括数据绑定、指令、计算属性和侦听器等。下面我们将详细介绍 Vue.js 的基础语法。 一、数据绑定 Vue.js 使用了基于 HTML 的模板语法，允许你以
2024-05-13
单页应用（SPA）以其出色的用户体验和流畅的页面切换效果在现代Web开发中备受青睐。然而，与传统的多页应用相比，SPA 在页面结构和资源管理上存在一些独特的挑战。其中一个常见的问题是如何在 SPA 中高效地管理页面的 标签，包括动态设置页面标题、元信息、样式表链接等。本文就来看看如何在 Vue 和
2024-05-08
Web Components原因探讨使用Web Components的原因，我们已经知道像 Vue 和 React 这样的成熟框架存在，但是有没有深入思考过为什么选择使用这些框架？核心理由无非是为了减少编码工作量，通过框架减少代码重复，尽管这同时引入了一些原生不支持的特性，从而增加了一定的复杂性。当
2024-05-06
通过整合 bootstrap 和 vue.js，您可以简化响应式、可维护的 php web 应用程序的构建过程。整合 bootstrap：安装 bootstrap，在您的 index.php 文件中加载 css 和 js 文件，然后在 html 中使用 bootstrap 组件。整合 vue.js：
2024-05-01
php 函数在服务器端执行，用于处理数据和控制程序流，而 vue 函数在客户端执行，用于操纵 dom 和管理状态。 PHP 函数与 Vue 函数的区别 在 Web 开发中，PHP 和 Vue 作为两种流行的技术，提供了不同的函数集，以实现不同的功能。 PHP 函数 PHP 函数通常在服务器端运行，
2024-04-25
经过多年的不断演进，Vue 已经构建了一个极为丰富且强大的生态系统，今天就来盘点 Vue 官方生态系统中那些好用的工具！框架Vue 有两个主要的代码仓库：Vue 2：介绍：目前已经停止维护。Github：https://github.com/vuejs/vueVue 3：介绍：官方推荐并且在积极维护
2024-04-24
金三银四马上就到了金三银四的重要时刻了！！今天给大家分享一个度小满的面经。考Vue考的多一些~~~面经1.怎么理解Vue单向数据流？父组件传输局props给子组件时，子组件只能使用而不能修改，这是为了组件之间能更高地去解耦。比如有一个父组件，传props给10个子组件，如果某一个子组件修改了，那么会
2024-04-17
douyin 是一个模仿抖音的移动端短视频开源项目，它基于 Vue、Vite 实现。使用了最新的 Vue 全家桶技术栈，接口数据通过 axios-mock-adapter模拟。 效果截图 用 Vue 全家桶纯手工搓了一个开源版「抖音」，高仿度接近 100% 开源地址：http
2024-04-17