写在前面最近一直在学习使用vue cli3进行前端项目的开发,eslint的语法规则跟vscode的一键格式化有冲突,每次敲完一段代码还要调整格式,效率十分低。今天找到了解决的方式。特此记录vscode一件格式化配置eslint的语法规则要求方法后不能有分号而且要使用单引号,但是使用shift+alt+F自动格式化又会自动在方法后面添加一个分号并且把单引号也变成了双引号,十分蛋疼。 这时候只需要在            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-30 19:44:49
                            
                                40阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            正如你所期望的那样,Vue 3带来了很多令人兴奋的新功能。值得庆幸的是,Vue团队主要是在当前API的基础上引入了一些补充和改进,而不是进行重大更改,所以已经了解Vue 2的人应该很快就会对新的语法感到适应。让我们从你们大多数人可能听说过的API开始吧......Composition APIComposition API是Vue的下一个主要版本中最常用的讨论和特色语法。这是一种全新的逻辑重用和代            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-25 20:56:41
                            
                                52阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # 使用 Vue 3 添加 Axios 的完整指南
在现代的前端开发中,发送 HTTP 请求是一项非常常见的需求。Axios 是一个基于 Promise 的 HTTP 客户端,适用于浏览器和 Node.js。本文将带领您完成在 Vue 3 项目中添加和使用 Axios 的全过程。下面我们首先列出整个流程的步骤。
## 安装和使用 Axios 的步骤
| 步骤       | 描述            
                
         
            
            
            
            # 如何在Vue3中添加TypeScript
## 简介
在Vue3中添加TypeScript可以帮助我们在开发过程中更好地进行类型检查,提高代码的可维护性。下面我将指导你如何在Vue3项目中添加TypeScript。
## 流程图
```mermaid
flowchart TD
    A[创建Vue3项目] --> B[安装vue-cli]
    B --> C[创建项目]
    C            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-03-19 04:34:30
                            
                                102阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue3的基础使用; 安装vite:npm inistall -g create-vite-app 利用vite创建vue3项目:create-vite-app projectName 安装依赖运行项目:cd projectName npm install npm run dev 文档地址:https://v3.vuejs.org/guide/introduction.htmlcompositio            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-22 13:22:44
                            
                                30阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在项目根目录添加一个文件,比如叫index.d.ts,如果是像下面配置,就可以在文件中直接使用_.xxx,或者调用clickEvent函数了 import lodash from 'lodash'; // 全局变量设置 declare global { const _: typeof lodash; ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-14 15:27:00
                            
                                2002阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            一、Vue插件有什么用插件通常会为 Vue 添加全局功能。 所谓全局: 即不需要像组件那样,每次使用他前都需要先引入一次。对于插件只要在最开始引入一次,在任何组件就可以直接使用。(类似于我们在window上添加的方法属性那样,任何地方都可以用) 插件能实现的功能没有限制,不过常见下面几种:通过插件,添加全局方法或者属性通过插件,添加全局资源:指令/过滤器/过渡等通过插件(使用全局 mixin 方法            
                
         
            
            
            
            【代码】vue3 项目添加 less。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-03-14 09:27:43
                            
                                524阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            最近尝试上手 Vue3+TS+Vite,对比起 Vue2 有些不适应,但还是真香~上手前先说下 Vue3 的一些变化吧~Vue3 的变化Vue3 带来的变化主要有以下几个方面:使用层面对比起 Vue2 启动速度快很多,新项目从 1s 升级到不到 500ms
vite.config.ts 配置文件修改后无需重启服务就能更新代码层面函数式编程,方便组合逻辑,如mixin容易命名冲突,数据来源不清晰新增            
                
         
            
            
            
            注意:此文并不是把vue改为全部替换为ts,而是可以在原来的项目中植入ts文件,目前只是实践阶段,向ts转化过程中的过渡。ts有什么用?类型检查、直接编译到原生js、引入新的语法糖为什么用ts?TypeScript的设计目的应该是解决JavaScript的“痛点”:弱类型和没有命名空间,导致很难模块化,不适合开发大型程序。另外它还提供了一些语法糖来帮助大家更方便地实践面向对象的编程。typescr            
                
         
            
            
            
            Vue3新增API与Hookssetupsetup基础用法新的option,所有的组合API函数都在使用,只在初始化时执行一次函数如果返回对象.对象中的属性或方法,模板中可以直接使用他是组合API中第一个要使用的函数,是组合API的入口函数setup 函数会在 beforeCreate 、created 之前执行, vue3也是取消了这两个钩子,统一用setup代替, 该函数相当于一个生命周期函数            
                
         
            
            
            
            新建main.vue home.vue。新建router.js 内容如下。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-03-14 09:26:42
                            
                                489阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            
            # 在 Vue 3 原有项目中添加 TypeScript
随着前端开发的不断演进,TypeScript凭借其强类型系统和更好的开发体验,逐渐成为许多项目的首选。在这一篇文章中,我们将探讨如何将 TypeScript 添加到一个已经存在的 Vue 3 项目中,并提供相关的代码示例。
## 1. 为什么选择 TypeScript?
使用 TypeScript 的优势包括:
- **类型安全**:            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-09-18 06:07:09
                            
                                335阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # Vue3 中如何使用 Axios 请求并添加 Cookie
随着前端开发的不断发展,现代化的前端框架如 Vue3 已经成为了开发者们的首选。而在与后端进行数据交互时,我们通常会使用 Axios 这个强大的 HTTP 库来发送请求。本文将介绍如何使用 Vue3 和 Axios 发送请求并在请求中添加 Cookie。
## 安装 Axios
在开始之前,我们需要先安装 Axios。在 Vue            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-12-12 03:16:19
                            
                                441阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            全局API(1)什么是全局API? 全局API并不在构造器里,而是先声明全局变量或者直接在Vue上定义一些新功能,Vue内置了一些全局API。 通俗理解:就是在构造器外部用Vue提供的API函数来定义新的功能。(2)常用vue 的全局 API列表 1、Vue.directive 自定义指令 2、Vue.extend 扩展实例构造器 3、全局操作Vue.set + Vue.delete 4、Vue            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-11 21:08:44
                            
                                13阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            文章目录关于.env文件(2021.2.3 初次接触)Vue配置生产、开发、测试环境至到package.json拓:关于linux的几个小命令 关于.env文件(2021.2.3 初次接触).env 全局默认配置文件,不论什么环境都会加载合并.env.development 开发环境.env.production 生产环境.env.test 测试环境关于文件的加载: 根据启动命令vue会自动加载            
                
         
            
            
            
            vue中的类是以追加的形式添加,而非覆盖
	<div
	  class="static"
	  :class="{ active: true, 'text-danger': false }"
	></div>
	最终:<div class="static active"></div>
	
(1)v-bind添加类名
	
	1、通过v-bind:cla            
                
         
            
            
            
            Vue3中name有什么用呢?1.在递归组件的时候需要定义name2.配合keep-alive include exclude 可以缓存组件3.在Vue有报错或者调试的时候可以看到组件的nameVue3 定义 name1.自动生成<script setup> 只要在script开启setup语法糖模式 单文件组件会自动根据文件名生成对应的 n            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-01-25 19:24:29
                            
                                921阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Vue2.x+ElementUI搭建项目第一步:创建Vue项目并启动1 通过脚手架命令,创建项目:2 使用npm安装Vue脚手架:3 创建新页面,并配置路由,浏览器访问新页面第二步:安装Axios用于请求API第三步:项目引入ElementUI(桌面端)组件第四步:总结 第一步:创建Vue项目并启动1 通过脚手架命令,创建项目:vue create 项目名 ;2 使用npm安装Vue脚手架:np