前端 UI 组件库是前端开发者必备的工具之一，它们可以帮助开发者快速构建用户界面，提高开发效率。本文推荐几款热门的vue3 UI组件库，排名不分前后。Naive UI开发团队：TuSimple（图森未来）官网：www.naiveui.com/GitHub：github.com/tusen-ai/naive-ui/Naive UI是由TuSimple团队开发并
......
45
0
0
2024-11-02
前言vue做的优化是将这些动态节点收集起来，然后当响应式变量修改后进行靶向更新。那么vue对静态节点有没有做什么优化呢？答案是：当然有，对于静态节点会进行“静态提升”。这篇文章我们来看看vue是如何进行静态提升的。什么是静态提升？我们先来看一个demo，代码如下：<template>
<div>
<h1>t
......
30
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程序的
......
34
0
0
2024-10-19
写在前面很早的一篇博客，整理了部分，蹭假期整理完博文内容涉及:双向数据绑定 实现方式简单介绍基于发布订阅、数据劫持的双向数据绑定两种不同实现(ES5/ES6) Demo，以及代码简单分析Object.defineProperty && Proxy API 介绍以及特性对比理解不足小伙伴帮忙指正 :),生活加油 对每个人而言，真正的职责只有一个
......
46
0
0
2024-10-11
前言： 好久没有更新咯，咱就是说 2024 在学习道路上继续前进！开年的第一篇文章献给 vue3，咱也紧跟着尤大大的脚步，在加班的日子里捣鼓了一番 vue3+vite+typeScript，在查阅了众多资料和实践后，终于搭建好了一个完整的项目，好记性不如烂笔头，来记录一下搭建过程。一.技术栈编程语言：typeScript v5.3.3构建工具：vite v5
......
77
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
......
102
0
0
2024-09-03
简介2023 年 12 月 31 日，vue2 已经停止维护了。你还不会 Vue3 的源码么？手把手带你实现一个 vue3 响应式系统，你将获得：Vue3 的响应式的数据结构是什么样？为什么是这样？如何形成的？Proxy 为什么要配合 Reflect 使用？如果不配合会有什么问题？Map 与 WeakMap的区别响应式数据以及副作用函数响应式系统基本实现依赖
......
94
0
0
2024-08-27
vue项目结构前置准备1.nodejs
2.vue-cli
3.创建项目：vue ui vue create 项目名（不能用纯VUE做名字）
项目结构node_modules //依赖 插件包 可以删 包里的插件全部在一个网站里【重点】public //公共目录，存放着唯一的html模板【重点】src //源代码 项目的核心所在，不能删
......
230
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%。初次渲染
......
294
0
0
2024-07-03
使用 vue 开发时，频繁使用到了 axios 这个网络请求库，这里对其做一个发起请求时携带参数方式的小结。一、基本使用1.1. GET 请求注意：GET请求无请求体，可以是可以有请求体body的,但是不建议带。为什么不建议带请求体？:::details 由文心大模型 3.5 生成在HTTP协议中，GET请求通常用于请求数据，而POST请求则通常用于提交数据
......
276
0
0
2024-07-03
引子json-server 为前端带来后端服务官网全局安装 json-server 工具yarn global add json-server
新建一个 json 文件夹cd db
{
"cart": [
{
"id": 1,
"name": "“小金龙”龙年款实战贾莫兰特男子篮球鞋",
"pri
......
261
0
0
2024-07-03
引子有没有想过在 Vue.js 中，当我们点击一个按钮来显示某个特性的时候，我们的浏览器正在背后默默地为我们处理一堆事情，然后回馈给我们结果？这就是 Vue 的异步组件的魔力所在。那么如何才能学会掌握这个超级能力呢？让我们进入 Vue 异步组件的世界，一起探索其中的奥秘吧！三大法宝1. Promise大法好Promise 是 JavaScript 中处理异步
......
236
0
0
2024-07-03
一、引言Mixin 的概念在编程中，Mixin 是一种代码复用的技术，它允许你将多个类中的代码提取出来，形成一个独立的模块，并在需要的时候将其应用到其他类中。Mixin 可以用来实现代码的重用、扩展和定制。Mixin 的主要作用代码重用：通过将共同的代码提取到一个 Mixin 中，可以避免在多个类中重复编写相同的代码，从而提高代码的可维护性和可读性。功能扩展
......
211
0
0
2024-07-03
一、引言介绍 Vue 插槽的背景和作用在 Vue 中，插槽（Slot）是一个非常重要的概念，它允许我们在组件中定义一些可供父组件填充内容的区域。当我们在组件中使用 元素时，父组件可以通过 元素来提供内容，这些内容会被渲染到对应的插槽中。插槽的作用主要有以下几个方面：内容重用：通过使用插槽，我们可以在不同的组件中重用相同的内容，从而提高代码的可维护性和重用性。
......
230
0
0
2024-07-03
Vue 中主要用到的设计模式包括：一.观察者模式（Observer Pattern）：Vue 使用观察者模式来实现数据的响应式，当数据发生变化时，相关的视图会自动更新。举个栗子：数据绑定：在Vue模板中使用双向数据绑定 v-model，当输入框中的内容发生变化时，绑定的数据也会相应地更新，这就是观察者模式的应用。<input type="text" v
......
391
0
0
2024-06-09