前言当谈到 Web 应用的客户端存储时,localStorage API 脱颖而出,它允许开发者直接在浏览器中存储键值对。在开发 Vue 应用时,我们有时候需要将用户数据保存在本地,实现持久化存储。我们可以自己编写存储功能,也可以使用 Pinia 生态的存储插件,比如目前人气最高的 pinia-plugin-persistedstate,而这个插件的默认存储 ......
15
0
0
2024-12-03
前端 UI 组件库是前端开发者必备的工具之一,它们可以帮助开发者快速构建用户界面,提高开发效率。本文推荐几款热门的vue3 UI组件库,排名不分前后。Naive UI开发团队:TuSimple(图森未来)官网:www.naiveui.com/GitHub:github.com/tusen-ai/naive-ui/Naive UI是由TuSimple团队开发并 ......
65
0
0
2024-11-02
前言vue做的优化是将这些动态节点收集起来,然后当响应式变量修改后进行靶向更新。那么vue对静态节点有没有做什么优化呢?答案是:当然有,对于静态节点会进行“静态提升”。这篇文章我们来看看vue是如何进行静态提升的。什么是静态提升?我们先来看一个demo,代码如下:<template> <div> <h1>t ......
40
0
0
2024-10-23
目录​VUE-局部使用快速入门常用指令v-forv-bindv-if & v-showv-onv-modelvue生命周期AxiosVue案例VUE-局部使用Vue 是一款用于构建用户界面的渐进式的JavaScript框架。 (官方:https://cn.vuejs.org/)快速入门准备准备html页面,并引入Vue模块(官方提供)创建Vue程序的 ......
46
0
0
2024-10-19
写在前面很早的一篇博客,整理了部分,蹭假期整理完博文内容涉及:双向数据绑定 实现方式简单介绍基于发布订阅、数据劫持的双向数据绑定两种不同实现(ES5/ES6) Demo,以及代码简单分析Object.defineProperty && Proxy API 介绍以及特性对比理解不足小伙伴帮忙指正 :),生活加油 对每个人而言,真正的职责只有一个 ......
57
0
0
2024-10-11
前言: 好久没有更新咯,咱就是说 2024 在学习道路上继续前进!开年的第一篇文章献给 vue3,咱也紧跟着尤大大的脚步,在加班的日子里捣鼓了一番 vue3+vite+typeScript,在查阅了众多资料和实践后,终于搭建好了一个完整的项目,好记性不如烂笔头,来记录一下搭建过程。一.技术栈编程语言:typeScript v5.3.3构建工具:vite v5 ......
95
0
0
2024-09-27
1. 环境准备➜ app-cicd node --version v18.0.0 ➜ app-cicd npm --version 9.6.6 2. 安装2.1 初始化选项项目初始化选择。➜ app-cicd npm init vue@latest Vue.js - The Progressive JavaScript Framework ......
110
0
0
2024-09-03
简介2023 年 12 月 31 日,vue2 已经停止维护了。你还不会 Vue3 的源码么?手把手带你实现一个 vue3 响应式系统,你将获得:Vue3 的响应式的数据结构是什么样?为什么是这样?如何形成的?Proxy 为什么要配合 Reflect 使用?如果不配合会有什么问题?Map 与 WeakMap的区别响应式数据以及副作用函数响应式系统基本实现依赖 ......
104
0
0
2024-08-27
vue项目结构前置准备1.nodejs 2.vue-cli 3.创建项目:vue ui vue create 项目名(不能用纯VUE做名字) 项目结构node_modules //依赖 插件包 可以删 包里的插件全部在一个网站里【重点】public //公共目录,存放着唯一的html模板【重点】src //源代码 项目的核心所在,不能删 ......
239
0
0
2024-07-03
1. Vue3简介2020年9月18日,Vue.js发布版3.0版本,代号:One Piece(n经历了:4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址:Release v3.0.0 One Piece · vuejs/core截止2023年10月,最新的公开版本为:3.3.41.1. 【性能的提升】打包大小减少41%。初次渲染 ......
302
0
0
2024-07-03
使用 vue 开发时,频繁使用到了 axios 这个网络请求库,这里对其做一个发起请求时携带参数方式的小结。一、基本使用1.1. GET 请求注意:GET请求无请求体,可以是可以有请求体body的,但是不建议带。为什么不建议带请求体?:::details 由文心大模型 3.5 生成在HTTP协议中,GET请求通常用于请求数据,而POST请求则通常用于提交数据 ......
286
0
0
2024-07-03
引子json-server 为前端带来后端服务官网全局安装 json-server 工具yarn global add json-server 新建一个 json 文件夹cd db { "cart": [ { "id": 1, "name": "“小金龙”龙年款实战贾莫兰特男子篮球鞋", "pri ......
269
0
0
2024-07-03
引子有没有想过在 Vue.js 中,当我们点击一个按钮来显示某个特性的时候,我们的浏览器正在背后默默地为我们处理一堆事情,然后回馈给我们结果?这就是 Vue 的异步组件的魔力所在。那么如何才能学会掌握这个超级能力呢?让我们进入 Vue 异步组件的世界,一起探索其中的奥秘吧!三大法宝1. Promise大法好Promise 是 JavaScript 中处理异步 ......
245
0
0
2024-07-03
一、引言Mixin 的概念在编程中,Mixin 是一种代码复用的技术,它允许你将多个类中的代码提取出来,形成一个独立的模块,并在需要的时候将其应用到其他类中。Mixin 可以用来实现代码的重用、扩展和定制。Mixin 的主要作用代码重用:通过将共同的代码提取到一个 Mixin 中,可以避免在多个类中重复编写相同的代码,从而提高代码的可维护性和可读性。功能扩展 ......
224
0
0
2024-07-03
一、引言介绍 Vue 插槽的背景和作用在 Vue 中,插槽(Slot)是一个非常重要的概念,它允许我们在组件中定义一些可供父组件填充内容的区域。当我们在组件中使用 元素时,父组件可以通过 元素来提供内容,这些内容会被渲染到对应的插槽中。插槽的作用主要有以下几个方面:内容重用:通过使用插槽,我们可以在不同的组件中重用相同的内容,从而提高代码的可维护性和重用性。 ......
237
0
0
2024-07-03