- 2024-11-21vue2-代理服务器&插槽
解决跨域问题配置代理服务器代理服务器位于前端应用(客户端)和真实的后端服务器之间。当配置了代理服务器后,前端应用的请求不再直接发送到后端服务器,而是发送到代理服务器。代理服务器在接收到请求后,会根据预先配置的规则将请求转发到真正的后端服务器。例如,在Vue项目的开发服
- 2024-11-20vue2使用vueX@2版本和Vue3使用pinia
vue2vue3使用Vuex3vue3使用pinia
- 2024-11-19vue2-基础核心
vue简介动态构建用户界面的渐进式JavaScript框架vue的特点:遵循MVVM模式采用组件化模式,提高代码复用率,让代码更好维护声明式编码,无需直接操作DOM,提高开发效率,编码简洁、体积小,运行效率高本身只关注UI,也可以引入其他三方库开发项目使用虚拟DOM+优秀的Diff算法,尽
- 2024-11-19【Vue2】计算属性computed究竟有什么魅力?
前言 在Vue2的体系中,计算属性computed可谓是一个十分重要的工具,不仅能够帮助我们简化计算逻辑,而且能够优化应用的性能,相关问题在面试中也经常被问到。那么computed计算属性究竟有什么魅力呢,接下来随作者一起进入computed相关知识的分享吧!概念规则定义
- 2024-11-19vite4+vue2+vant2+less构建项目,按需加载定制主题配置说明
步骤1:安装vant2、consola、less、vite-plugin-style-import说明:因为vant2需要consola,所以必装;安装加载vant组件样式,必装:vite-plugin-style-import,版本注意是2.0以上 步骤2:vite.config.js配置://vite.config.jsimportfsfrom'node:fs';importpathfrom'path';i
- 2024-11-19vue2 验证码
StaticVerify.vue<template><canvasref="canvasRef"class="verify":width="width":height="height"@click="drawCode"></canvas></template><script>exportdefault{
- 2024-11-19移动端Vue2实现文件图片上传功能
基于Vue2 +Vant2组件库实现:废话不多说,直接看代码:主要代码:methods:{//上传图片之前的操作beforeRead(file){letarr=file.name.split('.');letfileType='.'+arr[arr.length-1].toLowerCase();con
- 2024-11-18vue2-组件化编程
模块:向外提供特定功能的js呈现组件:用来实现局部(特定)功能效果的代码集合模块化:当应用中的js都以模块来编写的,那这个应用就是一个模块化的应用组件化:当应用中的功能都是多组件的方式来编写的,那这个应用就是一个组件化的应用编写组件-非单文件组件非单文件组
- 2024-11-18vue2-基础核心
vue简介vue中文官网动态构建用户界面的渐进式JavaScript框架vue的特点:遵循MVVM模式采用组件化模式,提高代码复用率,让代码更好维护声明式编码,无需直接操作DOM,提高开发效率,编码简洁、体积小,运行效率高本身只关注UI,也可以引入其他三方库开发项目使用虚拟DOM+优秀的Diff算
- 2024-11-1610分钟入门vue2!!
概念:Vue是用于构建用户界面的渐进式(就是学一点就能够用一点)框架,总的来说,就是基于数据来构建用户页面,以便于用户看懂。Vue的两种使用方式:1.核心包开发2.核心包加插件加工程化开发1.Vue的基础语法1.创建第一个Vue实例准备容器div引包<scriptsrc="https://cdn.jsdelivr.
- 2024-11-16HbuilderX 插件开发-模板创建
实现思路使用HbuilderX打开某个文档时右键点击的时候获取当前打开的文档内容使用API替换为自己的模板示例package.json{ "id":"SL-HbuilderX-Tool", "name":"SL-HbuilderX-Tool", "description":"快速创建html,vue2模板", "displayName":
- 2024-11-15记录--微前端qiankun接入vue2&vue3项目
- 2024-11-14vue2的uniapp添加用户登录校验
在uni-app中实现全局路由守卫的确切方法可能会根据框架的版本和具体的实现方式有所不同。在Vue2和uni-app的结合使用中,全局路由守卫并不是原生支持的功能,因此我们需要采用一些替代方案。对于Vue2和uni-app,你可以通过封装uni-app的页面跳转方法来实现类似全局
- 2024-11-13【vue2】14.插槽
目录插槽-默认插槽插槽基本语法:插槽-后备内容(默认值)插槽-具名插槽插槽-作用域插槽插槽-默认插槽作用:让组件内部的一些结构支持自定义需求:将需要多次显示的对话框,封装成一个组件问题:组件的内容部分,不希望写死,希望能使用的时候自定义。怎么办?插槽
- 2024-11-12vue2相关
v-html: 原始HTML双大括号会将数据解释为普通文本,而非HTML代码。为了输出真正的HTML,你需要使用 v-html 指令:<p>Usingmustaches:{{rawHtml}}</p><p>Usingv-htmldirective:<spanv-html="rawHtml"></span></p>v-bind:AttributeMustache语法不能作用在
- 2024-11-08vue2关闭eslint
要在整个项目中关闭ESLint,可以通过在vue.config.js中设置禁用lintOnSave。以下是具体步骤:1.打开或创建vue.config.js文件在项目根目录下找到vue.config.js文件。如果没有该文件,可以直接在项目根目录创建一个。2.添加lintOnSave:false配置在vue.config.js文件中
- 2024-11-06Vue2(路由守卫,路由器两种工作模式)
一、路由守卫作用:对路由进行权限控制分类:全局守卫、独享守卫、组件内守卫1.全局守卫全局前置路由守卫每次路由切换之前被调用,初始化时被调用beforeEach接收三个参数:to,from,next路由元信息meta,用于存放一些自定义属性//src/router/index.js...routers:[{
- 2024-11-03【Vue3】Vue3相比Vue2有哪些新特性?全面解析与应用指南
- 2024-10-31vue2之页面生成PDF导出并适应A4页面
一、技术vue2 、 elementUI、html2canvas 、jsPDF二、技术官网vue2:https://cn.vuejs.org/elementUi:https://element.eleme.cn/#/zh-CNhtml2canvas:https://html2canvas.hertzen.com/jsPDF:https://www.npmjs.com/package/jspdf三、优缺点优
- 2024-10-30如何在Vue2项目中使用Mock.js
引言 首先我们要了解为什么使用Mock.js,我们在前端开发项目期间,可能我们的后端提供接口的速度跟不上我们前端的开发速度,这时我们就需要用到Mock.js来模拟后端接口和数据Mock.js介绍 Mock.js是一个用于生成随机数据和拦截Ajax请求的JavaScript库。它非常适合在前端开发
- 2024-10-30vue2使用vue3语法
CompositionAPICompositionAPI将是Vue3的核心功能,它具有许多更改和性能改进。我们也可以在Vue2中通过npm插件@vue/composition-api使用它。安装yarnadd@vue/composition-api之后,在入口文件main.js中使用它。importVuefrom'vue'importVueCompositionAPI
- 2024-10-29vue2基础组件通信案例练习:把案例Todo-list改写成本地缓存
@目录概述前端代码本人其他相关文章链接概述前面文章案例已经练习了父子组件之间的通信,这一节讲述如何把todos数组放进本地缓存中,因为实际开发场景中频繁查询的数据很有可能会用到本地缓存技术。思考:如何改成使用本地缓存,是写一堆按钮每次触发就是往本地缓存种get和set?答案
- 2024-10-29vue表单案例练习:vue表单创建一行数据及删除数据的实现与理解
如何使用Vue:基本结构:1、引入Vue的核心JS文件2、准备Dom结构3、实例化组件通过el属性,挂载元素,绑定id为app的html元素通过data属性,定义数据,可以在html代码段中显示的数据4、获取数据数据绑定最常见的形式就是使用“Mustache”语法(双大括号)的文本插值@目录目标两个例
- 2024-10-29axios请求封装(vue2)
importaxiosfrom'axios';import{ElLoading,ElMessage}from'element-plus';import{RefreshToken}from'@/request';import{getlocalStorage,setlocalStorage}from'@/utils/common.js';constpendingMap=new