• 2024-06-21Vue30_Vuejs ajax5
    Vuejs并没有直接处理ajax的组件,但可以使用axios或vue-resource组件实现对异步请求的操作。 一、vue-resourcevue-resource是Vue.js的插件提供了使用XMLHttpRequest或JSONP进行Web请求和处理响应的服务。当vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐axios
  • 2024-06-20VueJs导出Excel,插件 xlsx
    1.安装组件:cnpminstallxlsx--save2.新建一个辅助ts、js文件我的excelUtil.ts注意:新版本的插件导入写法变了:import*asXLSXfrom'xlsx'import{timestampToDateString}from'@/common/dateUtil'import*asXLSXfrom'xlsx'//headerColumns:属性列表//header
  • 2024-06-05【vuejs】keep-alive组件的原理讲解和使用讲解
    1.keep-alive简介Vue.js框架中的<keep-alive>组件是一个用于缓存组件实例的内置组件,它使得组件在不活动时保持其状态,从而提高应用的性能和用户体验。当使用动态组件<component>切换视图时,不在显示的组件实例会被销毁并重新创建,这会导致状态丢失。而<keep-alive>可
  • 2024-05-16VueJS-表单构建指南-全-
    VueJS表单构建指南(全)原文:zh.annas-archive.org/md5/89D4502ECBF31F487E1AF228404A6AC0译者:飞龙协议:CCBY-NC-SA4.0前言Vue.js是世界领先和增长最快的前端开发框架之一。其平缓的学习曲线和充满活力和乐于助人的社区使其成为许多新开发人员寻求利用前端框架的力量的不二
  • 2024-05-16使用-Jest-测试-VueJS-组件-全-
    使用Jest测试VueJS组件(全)原文:zh.annas-archive.org/md5/fe8124600bcfb5515d84e359068f7e7c译者:飞龙协议:CCBY-NC-SA4.0前言关于本节简要介绍了作者以及本书涵盖的内容。关于本书在现代基于组件的JavaScript框架中进行单元测试并不简单。您需要一个可靠且运行迅速
  • 2024-05-16vue 常见面试题
    1.VueJS的特点是什么?VueJS的特点有以下几个:1.简洁易用:VueJS的核心库只关注视图层,提供了简洁明了的API,便于开发者快速上手和编写代码。2.双向数据绑定:VueJS采用了基于数据劫持的双向数据绑定机制,能够自动追踪数据的变化,并通过更新视图实现数据的自动同步。3.组件化:VueJS支
  • 2024-04-09VueJs使用axios上传文件
    html<inputtype="file"id="fileUploadEle"ref="fileUploadEle"style="display:none;"accept=".png,.jpg"@change="selectFile"/><labelfor="fil
  • 2024-04-081.引入vue.js
    Vue2: https://v2.cn.vuejs.org/Vue3:https://cn.vuejs.org/在页面中通过script引入vue.js 方式一:下载vue.js  在文件中通过绝对路径引用 方式2:引用在线vue.js  
  • 2024-03-2509-Vue-概述
    Vue官网:Vue.js(vuejs.org)Avue文档:Date日期|Avue(avuejs.com) 前置工作1)在使用Vue时,我们推荐在你的浏览器上 安装—Vue.js(vuejs.org),它允许你在一个更友好的界面中审查和调试Vue应用。2) 直接下载开发版本的vue.js,并用 <script> 标签引入,Vue 会被注册
  • 2024-03-10在VueJS中使用 froala 富文本编辑器
    安装包npminstallvue-froala-wysiwyg--save集成组件import'./assets/main.css'//ImportFroalaEditorimport'froala-editor/js/plugins.pkgd.min.js';//Importthirdpartypluginsimport'froala-editor/js/third_party/embedly.min';
  • 2024-02-21Vue 学习笔记2 -- 开发环境
    第一步:创建文件夹并在VScode中打开第二步:创建src目录+index.html第三步:https://v2.cn.vuejs.org/v2/guide/installation.html下载vue依赖文件,如下图所示: 第四步:引入vue.js,如下图所示: 第五步:运行+F12解决如下图问题 https://v2.cn.vuejs.org/v2/guide/instal
  • 2023-12-28vuejs+echarts实现时间轴
    1、效果图2、具体需求描述①可以设置时间轴起始值;②时间轴可以缩放、左右拖动;③鼠标移入时间轴显示当前刻度信息;④点击时间轴时添加蓝色图标,鼠标移入图标显示此时图标信息且隐藏刻度信息,按住图标可以拖动图标;3、实现①结构代码<divid="timeAxisEchart"style="width:10
  • 2023-11-29vue 创建 项目方式
    使用webpack创建vuecreatepageName资料https://cli.vuejs.org/zh/guide/使用vite创建npmcreatevue@latest资料https://cn.vitejs.dev/guide/clihttps://github.com/vuejs/create-vue
  • 2023-10-08创建Vue实例方式一(基于核心包)
    基于核心包创建Vue实例核心包就是Vue.jsvue2地址:https://v2.cn.vuejs.org/vue3地址:https://cn.vuejs.org/注意开发版本和生产版本,学习建议使用开发版本  
  • 2023-09-20vuejs+antv-g6绘制图表
    该内容包括antv-g6官网地址、antv-g6的基本使用(包括自定义节点、常用插件(右键菜单等)、基本事件、目前我所遇到的一些需求)。1、antv-g6的官网地址:https://g6.antv.antgroup.com/examples2、安装antv-g6组件npminstall@antv/g6 3、创建antvView.vue文件使用antv/g6
  • 2023-09-19如何在vuejs项目中使用md5加密密码的实现
    1、NPM安装:npminstall--savejs-md52、全局用法2.1、全局引用importmd5from'js-md5';Vue.prototype.$md5=md5;2.2、全局使用将您需要加密的信息放进去:this.$md5('Thisisencryptedcontent')//6f43dd5db792acb25d6fe32f3dddac703.局部用法在页面中单独使用
  • 2023-09-14【Vuejs】Date()常用方法
    Date()常用方法vardate=newDate()console.log(date);//FriOct29202114:18:13GMT+0800(中国标准时间)console.log(date.getMonth());//获取月份(0-11,0代表1月,所以在显示当前时间的时候需要date.getMonth()+1)console.log(date.getYear());
  • 2023-09-07 VueJS 处理表单组件上 api 调用的错误
    问题出在可组合项中对errors的处理上。在register函数中,你将errors重新赋值为空对象{},而应该将其赋值给errors.value来保持响应式。修改useAuth可组合项的代码如下:exportdefaultfunctionuseAuth(){leterrors=ref({});constregister=(request)=>{errors.val
  • 2023-08-17Vuejs装饰器风格开发教程(计算属性、事件派发、侦听器)
    计算属性计算属性的设计背景:在Vuejs开发时我们可以在模板中通过编写表达式的方式做一系列的逻辑处理,但这就偏离的模板的概念,还会使得模板的内容变得臃肿且难以维护,所以引入了计算属性的来对不该出现在模板中的复杂逻辑处理进行重构,使用计算属性重构后的依然保持了状态的响应式
  • 2023-08-14Vuejs装饰器风格开发教程(前言、模板项目、类属性、类方法)
    教程前言AOP切面编程是面向对象开发中的一种经典的编程范式,旨在将横切关注点与核心业务逻辑分离来提高代码的模块性和可维护性。如:日志记录、事务管理等就属于横切关注点。在为H5提供Android原生支持时,曾将插件模块改造为AOP模式,实现插件的自动注册。Java领域的SpringBoo
  • 2023-08-09测试主页
    <!--run--><style>#mainContent,body{background:#f1f1f1;}.forFlow{max-9999px!important;}.app-title{margin:0auto;text-align:center;font-family:'PingFangSC','HelveticaNeue',&#
  • 2023-08-03Vuejs+WebApi导出Excel
    前后端分离,前端Vuejs,后端.Net6WebApi后端代码1publicclassSalesReportController:BaseController2{3privateSerilog.ILogger_log=GetLogger<SalesReportController>();4privatereadonlyISqlSugarClient_db;5privateIHostEnvironme
  • 2023-08-01Vue常用经典开源项目汇总参考-海量
    Vue常用经典开源项目汇总参考-海量是什么?(读音 /vjuː/, 类似于 view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采
  • 2023-06-04nodejs vuejs java python 入门到高级视频
    多抽出一分钟学习,让你的生命更加精彩!高性能高可用Yii2.0电商平台仿京东商城高级组件MySQLLVSDocker+Kubernetes(k8s)微服务容器化实战实战Docker到Kubernetes技术系列视频教程@黑马JAVAEE19期⑭jQuery实战经典【No0066】尚学堂架构师视频06、微服务架构00、SpringBoot微服务架
  • 2023-05-13解决vue.js出现Vue.js not detected错误
    VUEvue-devtools安装成功,但是图标为灰色,且控制台无vue选项的解决办法今天在学习VUE的过程中,安装了vue-devtools工具,但是发现图标一直是灰色,解决后,记录一下解决办法:1.查看拓展程序打开开发者模式和插件,如图所示两个开关,具体操作为:点击浏览器右上角三个点→更多工具→扩展工具