Vue3.5正式版在这两天发布了，网上已经有了不少关于Vue3.5版本的解读文章。但是欧阳发现这些文章对3.5中新增的功能介绍都不是很全，所以导致不少同学有个错觉，觉得Vue3.5版本不过如此，选择跳...
Vue3.5版本超级详细解读，有比这更全面的吗？
阅读全文
Vue 3.5 正式版来了！源码解析 useTemplateRef 实现原理
2024年9月3日，Vue 3.5 的正式版终于来了。 前几天咱们分享了 Vue 3.5 新特性 其中 useTemplateRef 这个 API 被很多同学所关注。那么这个 API 在源码中究竟是怎...
Vue3 + Vite搭建快速开发环境
前端开发环境的搭建变得愈加重要，尤其是在快速迭代和高度协作的团队中。Vue3作为一款现代化的JavaScript框架，配合Vite这样的构建工具，极大地简化了流程，提升了效率。本篇博客将带您一步步搭建...
前端开发：Vue3与实时数据实现简单的投票应用
前端开发中，投票应用是一个经典的示例，它既涉及到用户交互，又能展示如何处理实时数据。在这篇博客中，我们将使用 Vue 3 的组合 API 和 setup 语法糖，来构建一个简单的投票应用。这个应用支持...
使用Vue3 setup语法糖构建你的第一个Todo List应用
现代的前端开发中，Vue.js作为一款流行的前端框架，有着极大的用户基础和众多的应用实例。特别是Vue 3引入的Composition API和setup语法糖，让我们在构建组件时更加灵活和简洁。在本...
Vue是如何管理多环境的后端服务的？
前后端分离已经是常态，然而，开发环境中的跨域问题以及方便地切换不同环境（如开发、测试、生产等）的后端 API 地址，常常给开发带来麻烦。 比如一个项目上就一个前端，一堆后端开发人员，每个后端找前端调试...
Vue3中的动态组件与异步组件有什么区别？
Vue3中，动态组件与异步组件都是非常常见且有用的功能，它们在前端开发中经常被用来实现按需加载、提高性能和代码复用等目的。虽然它们的作用有些相似，但是它们之间存在一些关键区别。 1. 动态组件： 动态...
深入了解Vue 3 setup 语法糖的奥秘
前端开发的世界里，Vue.js 一直以其简洁、易用和灵活性而著称。 而 Vue 3 的发布更是引发了业界的广泛关注，其中最引人注目的特性之一就是 setup 语法糖。 🤔 你有没有想过，setup 语...
Jquery4.0发布！下载量是 Vue 的两倍！
背景 其实在去年，Jquery 就宣布了要发布 4 版本 可以看到，Jquery 在五天前发布了 4 版本 Jquery4.0 更新了啥？ 接下来说一下到底更新了啥？ 弃用了 1x 和 2x 版本，废...
搞懂 Vue3 defineModel 双向绑定：告别繁琐代码！
随着 vue3.4 版本的发布，defineModel 也正式转正了。它可以简化父子组件之间的双向绑定，是目前官方推荐的双向绑定实现方式。 vue3.4 以前如何实现双向绑定 大家应该都知道 v-mo...
使用Vite创建Vue3项目并开发第一个组件
概述 A Vue project is structured similarly to a lot of modern node-based apps and contains the followi...
实践：实现 Vue 应用程序的时尚布局
页面布局是减少代码重复和创建可维护且具有专业外观的应用程序的基本模式。如果使用的是 Nuxt，则可以提供开箱即用的优雅解决方案。然而，令人遗憾的是，在 Vue 中，这些问题并未得到官方文档的解决。 经...
Vue3菜鸟入门教程：计算属性和监听器的用法
computed计算属性 计算属性指的是将Vue3的响应式数据，经过某种算法计算以后返回的一个值，这个值可以直接用于模板渲染。比如，我们经常在网页中渲染金额，如果金额过大的化，会导致内容很长。比如10...
Vue3学习理解：响应式函数reactive和ref
reactive函数 reactive的作用是接受一个对象类型的数据的参数传入，并返回一个响应式的对象。基本使用步骤是从vue导入reactive，然后创建一个对象等于“const demo=reac...
React、Next、Vue…流行的9大前端js框架，知道几个？
市面上有很多不同的 JavaScript 框架，我们很难对它们一一进行关注。在本文中，我们将重点介绍最受欢迎的几种，并探讨开发人员喜欢或不喜欢它们的原因。 1.React React 是一个用于构建用...
Vue.js 重要知识点：事件绑定原理 VS 单向数据流
ref toRef toRefs进阶，深入理解 1. 为何需要ref？ 1. 返回值类型，会丢失响应式 2. setup、computed、合成函数，都有可能返回值类型 3. Vue如果不定义ref，...
HTML做网页，如何使用Vue3、Element-plus、Axios
有时候我们写一个网页的时候，不想使用脚手架去搭建，因为太笨重，但又想使用vue3去实现，怎么办？ 下面就讲一讲如何实现！ ❞ 基本结构 <!DOCTYPE html> <html l...
Rollup打包Vue组件库问题汇总
打包类库时 Rollup 是不二选择，如果是常规的 Web 应用的话，Webpack 则更为合适。 最近，我用 Rollup 在为一个 Vue 项目打包组件库时就遇到了几个问题，今天把这些问题和解决方...
Vue Vine：创造另一种书写 Vue 组件的方式
Vue Vine：https://github.com/vue-vine/vue-vine 在社区中，有很多帖子讨论过希望有一个支持在单个文件中编写多个 Vue 组件的解决方案。Vue Vine 因此...
Vue3+Echarts项目开发：常用属性总结之折线图
Vue3中使用echarts 要在Vue 3中使用echarts图表库，你需要按照以下步骤进行操作： 安装echarts库。在终端中运行以下命令： npm install echarts 在需要使用e...
Vue3技巧：避免直接引用对象/数组 props
props 在Vue3中，当将对象或数组props作为子组件传递时，无法更改对象或数组本身，但可以更改对象或数组的嵌套属性。 当传递单个值作为 props 时 如果将单个值作为 props 传递，则更...
Vue3 组合式 API 来封装表格数据请求
阅读 aHooks 文档时发现了一个非常实用的函数 useAntdTable，它封装了一些 Ant Design Form 和 Ant Design Table 常见的逻辑。刚好最近我自己也封装了一个...
Uniapp结合Vite4 Vue3搭建跨端移动应用项目
学习了下Uniapp结合Vite4 Vue3搭建跨端移动应用项目，二者搭配构建运行速度快，兼容性也不错，真香~~ HBuilderX: 3.8.4vite: 4.2.1uview-plus: 3.1....
Vue全家桶：单文件组件
1. 传统组件的问题和解决方案 问题 全局定义的组件必须保证组件的名称不重复 字符串模板缺乏语法高亮，在 HTML 有多行的时候，需要用到丑陋的 \ 不支持 CSS 意味着当 HTML 和 JavaS...