【Vue】vue3比vue2好在哪里

vue 3 优于 vue 2 的关键优势包括：性能提升：响应式系统重写，优化更新速度虚拟 dom 优化，提高渲染效率代码组织和可维护性：组合式 api，提升可维护性teleport 和 suspense，提高代码灵活性和可读性开发者体验：更好的调试工具，简化调试过程typescript 2.7 支持，增强代码提示和类型检查Vue 3 与 Vue 2 的优势对比核心性能提升响应式系统重写：Vue 3 引入 Reactivity API，优化了响应式系统的性能，提升了更新速度。虚拟 DOM 优化：采

发表于：2024-04-28 浏览：322 TAG：

【Vue】vue是什么模式的前端框架

vue 中的 mvvm 架构将应用程序分为 model、view 和 viewmodel：model：包含数据和业务逻辑，独立于视图。view：显示 model 中的数据，使用模板语法进行数据绑定。viewmodel：model 和 view 之间的桥梁，包含与 view 交互的数据和方法，并更新 view。mvvm 在 vue 中的优势包括响应式数据绑定、代码可重用性、提高生产力、易于调试。Vue：MVVM 架构什么是 MVVM？MVVM（Model-View-ViewModel）是一种软件设

发表于：2024-04-28 浏览：309 TAG：

【Vue】Antd Pro Vue的使用（四）—— 打包发布到站点二级目录，生产环境请求接口配置

如题，Antd Pro Vue开发完成后，要打包发布到站点指定二级目录下，我这里服务端配置的是tp，在站点public文件夹新建一个system文件夹，前端打包后要放到个文件夹里面，需要配置2步1. 在根目录vue.config.js文件夹中配置publicPath publicPath: '/system/',2. 在/src/router/index.js文件中，增加base配置，配置内容与publicPath保持一致router: { &nbs

发表于：2024-04-27 浏览：341 TAG：

【Vue】Antd Pro Vue的使用（三）—— table列表的使用

用了几天ant design pro vue，发现vue2真的不是很好用，各种写法好麻烦。还有研究组件时，一定要看低版本的组件，高版本都是vue3的，并不适用。vue2版本组件位置：https://1x.antdv.com/components/alert-cn/ 作为后台管理端，用到最多的就是table列表，官网给的有预览但是自己上手的时候有事另外一回事了，首先就是接口请求的数据结果，官网并没有介绍接口应该返回什么样的数据结构，导致接口成功请求到数据，但table就是无法正常显示，最终参考de

发表于：2024-04-26 浏览：388 TAG：

【Vue】Antd Pro Vue的使用（二）—— 全局配置及登录

1. 默认语言设置 Antd Pro Vue安装好之后，默认使用的是英文，我们需要把它设置为中文简体。找到/src/core/bootstrap.js文件，把最后一行 en-US 修改为 zh-CN，然后一定要清除浏览器缓存，修改才能生效修改后修改后的页面2. 请求服务端接口Antd Pro Vue封装好的有请求方法，在/src/api/文件夹，我们把自己的接口写到这里面就可以任意调用。Antd Pro Vue安装好之后，默认使用的是mock数据，我们要使用自己的接口，要把mock去掉

发表于：2024-04-25 浏览：472 TAG：

【Vue】vue2应用与vue3的不同之处

上一篇，我使用了vue2创建了一个应用，这次我使用vue3创建一个应用，看一下两者有什么不同。如下，是我用cue3创建的应用目录发现和vue2应用的目录一模一样，然后我用对比工具对比了两者的文件。1. 文件区别下面是package.json文件的区别，首先vue版本不同，对应的扩展组件也不同。下面是main.js的不同然后是APP.vue的不同2. 全局实例改变2.x 全局 API3.x 实例 API (app)Vue.configapp.configVue.config.productionT

发表于：2024-04-23 浏览：352 TAG：

【Vue】vue创建应用并运行

简介Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。Vue 是一个框架，也是一个生态。其功能覆盖了大部分前端开发常见的需求。但 Web 世界是十分多样化的，不同的开发者在 Web 上构建的东西可能在形式和规模上会有很大的不同。考虑到这一点，Vue 的设计非常注重灵活性和

发表于：2024-04-23 浏览：375 TAG：

【Vue】Vue常用框架介绍

现在的应用基本都是前后端分离，在国内，Vue相对来说更受欢迎一些，我们很多后端系统的前端都是Vue来开发的。那么Vue UI框架就显得尤为重要。Vue UI框架提供了一套丰富的用户界面组件及完整的前端UI解决方案，如按钮、表单、导航、布局等，使得开发者可以专注于业务逻辑开发，而不用从零构建这些常用的界面元素，帮助开发者更快速地构建高质量的用户界面。那么，都有哪些开源的UI框架呢？Element UIElement UI是一套为开发者、设计师和产品经理准备的基于Vue 2.0的组件库，提供了丰富的

发表于：2024-04-22 浏览：440 TAG：

【Vue】Vue定义全局变量的方法

在Vue项目中我们需要使用许多的变量来维护数据的流向和状态，这些变量可以是本地变量、组件变量、父子组件变量等，但这些变量都是有局限性的。在一些场景中，可能需要在多个组件中共享某个变量，此时全局变量就派上了用场。定义全局变量的方法1. 使用Vue.prototype定义全局变量通过在 vue 的原型上定义属性，可以在所有组件中访问该属性。在main.js定义全局变量// main.jsVue.prototype.baseUrl = "https://www.example.com/api

发表于：2024-04-22 浏览：362 TAG：

【Vue】Vue的生命周期

Vue的生命周期指的是 Vue 实例从创建到销毁的整个过程。这个过程可以分为以下几个阶段：1. 创建前阶段 (beforeCreate)：在实例初始化后执行，此时的数据监听和事件绑定机制都未完成，因此无法访问DOM节点。2. 创建后阶段 (created)：Vue实例已经创建，数据侦听、计算属性、方法、事件/侦听器的回调函数已配置完毕，但挂载阶段还没开始，仍然无法获取到DOM元素。适合进行异步请求等操作。3. 挂载前阶段 (beforeMount)：完成了DOM的初始化，但仍然无法获取到具体的D

发表于：2024-04-22 浏览：302 TAG：