标签: VUE
thumbnail

前端vue开发技巧:使用原生fetch 发送post请求

使用原生的 fetch API 在 Vue 2 项目中发送 POST 请求非常简单和直观。通过结合 Vue 的数据绑定和异步函数,可以轻松地实现表单数据的提交和响应数据的显示。
thumbnail

如何在 Vue 3 和 Vite 项目配置代理转发解决跨域问题

通过在 vite.config.js 中配置代理规则,可以轻松解决 Vue 3 和 Vite 项目中的跨域问题。这种方法不仅简单易用,而且在开发过程中非常有效。
thumbnail

Vue搭建SSR全栈平台,Nuxt才是Top 1!

Nuxt通过Module机制扩展其生态,目前已支持了250个Module。Module支持了插件、组件、路由等各个方面的扩展,并且在工程化方面也提供了nuxi、@nuxt/module-builder、@nuxt/kit、@nuxt/test-utils等工具。
thumbnail

Swiper.js:让你的Vue页面滑动如丝般顺滑

Swiper.js是一个非常强大的滑动效果库,通过简洁、灵活的API让你的页面滑动变得更加轻松和高效。对于需要实现复杂滑动效果的Vue项目来说,Swiper.js无疑是一个值得深入了解和使用的工具。如果你希望你的滑动效果更加出色,不妨试试Swiper.js吧!
thumbnail

Vue 3 状态管理新选择:Pinia 详细指南

Pinia 是 Vue 官方团队开发的状态管理库,它能够帮助我们在 Vue 项目中高效地管理应用状态。Pinia 的名字来源于西班牙语中“菠萝”之意,与 Vue 的生态系统相呼应。
thumbnail

Vue 3 路由安装、基本配置、导航操作...从入门到进阶

Vue Router 是 Vue.js 应用中实现视图间导航的重要工具,掌握它的各种功能可以帮助我们构建功能丰富、用户体验良好的单页面应用。希望这篇文章能帮助你更好地理解 Vue Router,并在实际项目中高效使用它。
thumbnail

Vue Draggable:一个基于Vue.js的拖放排序库

ue Draggable是一个非常强大的Vue.js拖放排序库,简洁、灵活的API让你的拖放交互变得更加轻松和高效。对于需要实现复杂拖放功能的Vue项目来说,Vue Draggable无疑是一个值得深入了解和使用的工具。如果你希望你的拖放交互变得更加出色,不妨试试Vue Draggable吧!
thumbnail

Vue3.5版本超级详细解读,有比这更全面的吗?

Vue3.5正式版在这两天发布了,网上已经有了不少关于Vue3.5版本的解读文章。但是欧阳发现这些文章对3.5中新增的功能介绍都不是很全,所以导致不少同学有个错觉……
thumbnail

Vue 3.5 正式版来了!源码解析 useTemplateRef 实现原理

2024年9月3日,Vue 3.5 的正式版终于来了。 前几天咱们分享了 Vue 3.5 新特性 其中 useTemplateRef 这个 API 被很多同学所关注。那么这个 API 在源码中究竟是……
thumbnail

Vue3 + Vite搭建快速开发环境

前端开发环境的搭建变得愈加重要,尤其是在快速迭代和高度协作的团队中。Vue3作为一款现代化的JavaScript框架,配合Vite这样的构建工具,极大地简化了流程,提……
thumbnail

前端开发:Vue3与实时数据实现简单的投票应用

前端开发中,投票应用是一个经典的示例,它既涉及到用户交互,又能展示如何处理实时数据。在这篇博客中,我们将使用 Vue 3 的组合 API 和 setup 语法糖,来构……
thumbnail

使用Vue3 setup语法糖构建你的第一个Todo List应用

现代的前端开发中,Vue.js作为一款流行的前端框架,有着极大的用户基础和众多的应用实例。特别是Vue 3引入的Composition API和setup语法糖,让我们在构建组件……
thumbnail

Vue是如何管理多环境的后端服务的?

前后端分离已经是常态,然而,开发环境中的跨域问题以及方便地切换不同环境(如开发、测试、生产等)的后端 API 地址,常常给开发带来麻烦。 比如一个项目上……
thumbnail

Vue3中的动态组件与异步组件有什么区别?

Vue3中,动态组件与异步组件都是非常常见且有用的功能,它们在前端开发中经常被用来实现按需加载、提高性能和代码复用等目的。虽然它们的作用有些相似,但是它……
thumbnail

深入了解Vue 3 setup 语法糖的奥秘

前端开发的世界里,Vue.js 一直以其简洁、易用和灵活性而著称。 而 Vue 3 的发布更是引发了业界的广泛关注,其中最引人注目的特性之一就是 setup 语法糖。 🤔 ……
thumbnail

Jquery4.0发布!下载量是 Vue 的两倍!

背景 其实在去年,Jquery 就宣布了要发布 4 版本 可以看到,Jquery 在五天前发布了 4 版本 Jquery4.0 更新了啥? 接下来说一下到底更新了啥? 弃用了 1x 和 2……
thumbnail

搞懂 Vue3 defineModel 双向绑定:告别繁琐代码!

随着 vue3.4 版本的发布,defineModel 也正式转正了。它可以简化父子组件之间的双向绑定,是目前官方推荐的双向绑定实现方式。 vue3.4 以前如何实现双向绑定 ……
thumbnail

使用Vite创建Vue3项目并开发第一个组件

概述 A Vue project is structured similarly to a lot of modern node-based apps and contains the following: A package.json file A node_modules fol……
thumbnail

实践:实现 Vue 应用程序的时尚布局

页面布局是减少代码重复和创建可维护且具有专业外观的应用程序的基本模式。如果使用的是 Nuxt,则可以提供开箱即用的优雅解决方案。然而,令人遗憾的是,在 Vu……
thumbnail

Vue3菜鸟入门教程:计算属性和监听器的用法

computed计算属性 计算属性指的是将Vue3的响应式数据,经过某种算法计算以后返回的一个值,这个值可以直接用于模板渲染。比如,我们经常在网页中渲染金额,如……
thumbnail

Vue3学习理解:响应式函数reactive和ref

reactive函数 reactive的作用是接受一个对象类型的数据的参数传入,并返回一个响应式的对象。基本使用步骤是从vue导入reactive,然后创建一个对象等于“const d……
thumbnail

React、Next、Vue...流行的9大前端js框架,知道几个?

市面上有很多不同的 JavaScript 框架,我们很难对它们一一进行关注。在本文中,我们将重点介绍最受欢迎的几种,并探讨开发人员喜欢或不喜欢它们的原因。 1.Re……
thumbnail

Vue.js 重要知识点:事件绑定原理 VS 单向数据流

ref toRef toRefs进阶,深入理解 1. 为何需要ref? 1. 返回值类型,会丢失响应式 2. setup、computed、合成函数,都有可能返回值类型 3. Vue如果不定义ref……
thumbnail

HTML做网页,如何使用Vue3、Element-plus、Axios

有时候我们写一个网页的时候,不想使用脚手架去搭建,因为太笨重,但又想使用vue3去实现,怎么办? 下面就讲一讲如何实现! ❞ 基本结构 <!DOCTYPE html>……