【Vue】Vue中使用vue-router的妙用详解

vue是当前最热门的前端框架之一，它不仅简洁易用，而且具有强大的扩展性，其中一个值得关注的插件就是vue-router。vue-router是vue官方路由插件，它可以更好地控制vue应用中的路由导航，使路由与组件之间的关系更加清晰，提升了用户的交互体验。本文将详细解读vue-router的使用方法及妙用。一、安装和使用在使用vue-router之前，需要先安装它。可以使用npm包管理器来安装vue-router插件。安装命令如下：npm install vue-router

发表于：2024-04-29 浏览：292 TAG：

【Vue】Vue中使用Vuex管理全局状态详解和示例

vue.js是一种流行的前端框架，它提供了很多方便的功能，但当应用变得越来越复杂时，我们很快就会发现向子组件传递大量数据变得非常困难。这就是为什么vuex在vue中变得如此重要的原因。vuex是一个全局状态管理器，使得数据和状态的共享变得更容易。在本文中，我们将深入了解vuex的工作原理并演示如何将其集成到您的vue应用程序中。什么是VuexVuex是一个用于Vue.js应用程序的状态管理模式和库，常用于解决跨层级、多组件、多页面共享状态问题。它将应用程序的状态集中存储到一个单一的store中，

发表于：2024-04-29 浏览：310 TAG：

【Vue】Vue中对axios进行封装的最佳实践

vue是当前前端开发中最常用的框架之一，而ajax请求又是前端开发中非常关键的一环。为了方便开发者使用，vue社区中出现了许多对ajax请求库axios进行封装的实践。本文将介绍vue中对axios进行封装的最佳实践，帮助您更好地理解如何在vue项目中使用axios。封装axios在Vue项目中，我们需要把axios进行封装以方便使用。这里介绍一个标准的axios封装：import axios from 'axios' import sto

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

【Vue】Vue中的组件生命周期以及应用场景介绍

vue是一款流行的javascript框架，它以其简化开发过程和高度可扩展性而闻名。vue的核心理念之一就是组件化，使得我们可以将应用程序拆解成一系列独立、可复用的组件。每个组件都有一个生命周期，它定义了组件被创建、被使用、被销毁的各个阶段。这个生命周期可以帮助我们更好地理解组件的工作原理，并在应用程序中使用不同的生命周期钩子完成特定的任务。在本文中，我们将详细介绍vue中的组件生命周期，以及如何应用生命周期钩子函数。组件生命周期在Vue中，组件有三个周期阶段：初始化阶段、运行阶段和销毁阶段。每

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

【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 浏览：315 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 浏览：301 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 浏览：331 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 浏览：377 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 浏览：460 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 浏览：338 TAG：