【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：

【行业动态】TIOBE4月榜单发布：C/C++深受内存安全影响、PHP辉煌不再！

4 月 TIOBE 编程语言榜单已发布，一起来看看本月有什么值得关注的新变化吧！01 C、C++ 深受“内存安全”的影响相较上个月，4 月 TIOBE 榜单的 Top 5 并没有太大变化，依旧是 Python、C、C++、Java、C#。不过，值得注意的是，Top 5 之列只有排名第一的 Python 是继续保持着正向增长的趋势，比上个月上涨了 0.78%，达到 16.41% 的市场份额。一直以来，Python 凭借简洁的语法和清晰的代码结构使得初学者能够快速上手，不仅在 Web 开发

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

【Vue】vue.js怎么定义一个组件

vue.js 中定义组件有三种方法：直接定义在 <script> 标签中并导出组件对象、使用组件工厂函数和 definecomponent 辅助函数创建、使用类定义组件并继承 vue.extend 创建。</script>如何在 Vue.js 中定义组件一、直接定义1. 在 <script></script> 标签中，使用 export default {} 导出组件对象：<code class="html"&g

发表于：2024-04-21 浏览：244 TAG：

【Vue】vue框架怎么运行

vue.js是一个用于构建用户界面的javascript框架，其工作原理包括：模板编译：将html模板编译为vdom；响应式系统：检测数据变化并更新vdom；dom更新：有效更新dom，最小化操作次数；自动渲染：监视数据变化并自动重新渲染ui。Vue.js框架的工作原理Vue.js是一个用于构建用户界面（UI）的JavaScript框架。它采用“响应式”系统，当数据发生变化时，框架会自动更新UI，简化了Web开发过程。Vue.js框架的工作流程：1. 模板编译：Vue.js将HTML模板编译为虚

发表于：2024-04-21 浏览：315 TAG：

【Vue】Antd Pro Vue的使用（一）—— 安装及运行

前言Ant Design Pro 是一个企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。AntDesignVue与react版本有几乎相同的布局AntDesignPro React版本：开箱即用的中台前端/设计解决方案 - Ant Design ProAntDesign组件：Ant Design - 一套企业级 UI 设计语言和 React 组件库Ant

发表于：2024-04-20 浏览：308 TAG：

【Vue】vue2vue3项目使用antd

前言项目研发需要，已经用了两年的ant design pro（react），因为会的人比较少，更多的人在使用vue，所以新项目决定使用antd vue来开发，好在比较熟悉了ant design组件的使用，也算是有一些基础。ant design 官网https://ant.design/index-cnantd vue 官网https://www.antdv.com/components/overview-cn 当前版本V4.1.2vue2项目-引入antd参考：https://www.antdv

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

【前端】vite和webpack的区别是什么

区别：1、webpack服务器启动速度比vite慢；由于vite启动的时候不需要打包，也就无需分析模块依赖、编译，所以启动速度非常快。2、vite热更新比webpack快；vite在hrm方面，当某个模块内容改变时，让浏览器去重新请求该模块即可。3、vite用esbuild预构建依赖，而webpack基于node。4、vite的生态不及webpack，加载器、插件不够丰富。本教程操作环境：windows7系统、vue3版，DELL G3电脑。写在开头最近的vite比较火，而且发布了2.0版本，v

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

【Vue】vue使用后端提供的接口

在 vue 中使用后端接口可通过以下步骤实现：安装 axios 库并导入。使用 axios 对象创建 http 请求，如 get 或 post。使用 data 选项传递数据。处理响应，使用 data 属性访问后端返回的数据。使用 vuex 管理从后端获取的数据，通过组件访问。在 Vue 中使用后端接口在 Vue.js 应用中使用后端提供的接口可以让你与服务器通信，获取和更新数据。本文将介绍如何在 Vue 中使用后端接口。1. 安装 Axios首先，你需要安装 Axios 库，这是一个用于发起 H

发表于：2024-04-18 浏览：301 TAG：