大前端Vue

qiankun 微前端 介绍、安装

的核心设计理念它是如何工作的为什么不是iframe特性二、快速上手主应用1.安装qiankun2.在主应用中注册微应用微应用1.导出相应的生命周期钩子2.配置微应用的打包工具项目实践主应用微应用React微应用Vue
南乔几经秋_·2024-02-06 00:07

vue引入spreadjs

二、表格引入1.引入库2.使用3.效果三、编辑器引入1.依赖2.使用3.效果在这里插入图片描述备注：总结前言本文章记录vue引入SpreadJS的方法一、pandas是什么？
南乔几经秋_·2024-02-06 00:36

Vue中v-model的原理

在Vue中，v-model是一个非常强大且常用的指令，它能够让我们轻松地处理表单输入和应用状态之间的双向绑定。它不仅简化了代码编写的过程，还提供了一种高效的方式来管理表单数据。
JJCTO·2024-02-05 23:28

什么是Vue样式穿透以及常用的实现方法

本文将为您介绍Vue中样式穿透的概念，以及几种常用的实现方法，希望对您的前端开发工作有所帮助。什么是样式穿透？样式穿透是一种在Vue组件中使用父组件的样式来渲染子组件的技术。
JJCTO·2024-02-05 23:28

Vue中keep-alive的作用、原理及应用场景

在进行Vue开发的过程中，我们经常会遇到需要进行组件缓存的场景，这时候Vue提供的keep-alive组件就派上了用场。
JJCTO·2024-02-05 23:57

VSCode snippets 自定义Vue3代码片段(持续更新）

在编写Vue代码时发现VSCode中的各类snippets插件无法提供一些常用的代码片段，为避免重复造轮子，提高编码效率，特意自己定义了一些代码片段。为方便初学者，提供了自定义代码片断的方法。
jxncxgx·2024-02-05 23:52

Vue3入门到实战笔记03--标签的ref属性/ props

用在普通DOM标签上：尚硅谷前端Vue点我打印内容import{ref}from'vue'lettitle1=ref()lettitle2=ref()lettitle3=ref()functionshowLog
jxncxgx·2024-02-05 23:52

VSCode Vue 必备插件

VSCodeVue插件1.VueLanguageFeatures(Volar)官方插件volar不仅支持Vue3语言高亮、语法检测，还支持TypeScript和基于vue-tsc的类型检查功能。
jxncxgx·2024-02-05 23:52

Vue3入门到实战笔记04--生命周期和自定义hook

13.生命周期概念：Vue组件实例在创建时要经历一系列的初始化步骤，在此过程中Vue会在合适的时机，调用特定的函数，从而让开发者有机会在特定阶段运行自己的代码，这些特定的函数统称为：生命周期钩子规律：生命周期整体分为四个阶段
jxncxgx·2024-02-05 23:22

详细了解ref和reactive.

的xx宗罪我就很不解，到底是什么原因导致有这两批人：抵触ref的人抵触reactive的人看了这些文章，我可以总结出他们的想法抵触reactive的人抵触reactive的人，他们的想法大概就是：1、Vue
fury_123·2024-02-05 23:46

Vue 中的那些性能优化

得益于Vue的响应式系统和虚拟DOM系统，Vue在渲染组件的过程中能自动追踪数据的依赖，并精确知晓数据更新的时候哪个组件需要重新渲染，渲染之后也会经过虚拟DOMdiff之后才会真正更新到DOM上，Vue
IT小鲍·2024-02-05 23:22

vue之事件和小案例实现TODO

一、vue支持触发事件:写法是:v-on:click="fn"等价于@click="fn"等价于事件点我啊,小哥哥!
蜗牛ICU·2024-02-05 22:37

js 双感叹号！！

处理vue多语言时发现!!Vue.locale写法，一脸懵逼！varfoo;console.log(!foo);//undifined情况下，一个感叹号返回的是true;console.log(!
前端girl吖·2024-02-05 22:15

Vuedraggable 拖拽组件插件

Vuedraggable拖拽组件插件Vue.Draggable是一款基于Sortable.js实现的vue拖拽插件。
栗栗皆辛苦啊·2024-02-05 22:57

vue2组件通信之$attrs/$listeners

包含了父作用域中不作为prop被识别（且获取）的特性绑定（class和style除外）。当一个组件没有声明任何prop时，这里会包含所有父作用域的绑定（class和style除外），并且可以通过v-bind="$attrs"传入内部组件--在创建高级别的组件时非常有用。子组件props中声明foo{{$attrs.foo}}父组件中祖孙传值祖先组件a组件中传值给孙组件在父级组件parent组件中通
Javed·2024-02-05 22:25

Vue实现公告循环横向播报组件

一、代码组件注意：当公告字数很少时会固定不动，当字数达到最大宽度时，则会循环播报{{showNotice}}{{notice}}importnotifyfrom'../assets/icon/notify.svg'exportdefault{name:'Home',components:{notify},props:{noticeData:{type:Array,default:[]}},data
爱生活，更爱技术·2024-02-05 22:19

SpringBoot+Vue使用AES进行接口加密

目录前言一、前端工作准备1.下载crypto-js2.加密解密工具类3.对axios请求拦截加密二、后端工作准备1.所需依赖2.实现RequestBodyAdvice3.实现HttpInputMessage三、数据响应加密（扩展）1.实现ResponseBodyAdvice（后端）2.axios响应拦截器（前端）前言在数字化时代，数据安全已成为企业和社会关注的焦点。为了确保数据的机密性和完整性，我
爱生活，更爱技术·2024-02-05 22:16

Python河南郑州二手房源爬虫数据可视化分析大屏全屏系统 开题报告

博主介绍：《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。
黄菊华老师·2024-02-05 22:40

Vue3 发布正式版（2020.9.19）

[官宣]Vue3.0—OnePiece发布各位先收藏再点赞，本文章绝对值得你的一赞点击至Vue3官网Vue团队于2020年9月18日晚11点半发布了Vue3.0版本，我们连夜对Release进行了翻译。
铁锅炖大鹅(e)·2024-02-05 21:37

在 Nuxt中 使用 vue-seamless-scroll

之前在其他项目中用过一个无缝滚动的组件vue-seamless-scroll感觉还可以，然后打算在Nuxt项目中继续使用，但是该组件的作者表示暂不支持Nuxt，但实际上我们可以通过添加标签来解决这个问题
要开心·2024-02-05 21:20

Vue 手把手教你使用 kindeditor

Vue手把手教你使用kindeditor第一步：npminstallkindeditor第二步：创建富文本组件建立以.vue结尾的单文件importVuefrom'vue'importVueKindEditorfrom'vue-kindeditor'import'kindeditor
铁锅炖大鹅(e)·2024-02-05 21:07

store,全局共享数据

1.src下新建store文件夹，新建index.jsimportVuefrom'vue'//引入vueimportVuexfrom'vuex'//引入vuexVue.use(Vuex);conststore
王老鸭的古古事·2024-02-05 21:26

基于SpringBoot+Vue的电影影城购票管理系统

目录一、项目简介二、开发技术与环境配置2.1SpringBoot框架2.2Java语言简介2.3Vue的介绍2.4mysql数据库介绍2.5B/S架构三、系统功能实现管理员模块用户前台系统功能结构图四、
Yaml墨韵·2024-02-05 21:08

基于SpringBoot+Vue的外卖点餐管理系统

目录一、项目简介二、开发技术与环境配置2.1SpringBoot框架2.2Java语言简介2.3Vue的介绍2.4mysql数据库介绍2.5B/S架构三、系统功能实现四、系统项目截图4.1、前台功能模块
Yaml墨韵·2024-02-05 21:36

基于SpringBoot+Vue的高校在线答疑管理系统

目录一、项目简介二、开发技术与环境配置2.1SpringBoot框架2.2Java语言简介2.3Vue的介绍2.4mysql数据库介绍2.5B/S架构三、系统功能实现四、系统项目截图学生功能模块问题发布管理疑难解答管理考试管理教师后台功能模块个
Yaml墨韵·2024-02-05 21:06

暑假总结

阶段学习暑假前半部分，完成了js阶段的学习，后半部分，也完成了jquery阶段和vue阶段的学习。
焦前进_三月·2024-02-05 21:39

SpringCloud+Mybatis实现微服务电商系统

这里附上之前SpringBoot版本的电商项目介绍：微信小程序+Vue+SpringBoot实现B2C电商系统（毕业论文）下面简单介绍下，由于项目比较庞大，感兴趣的可以
hhf的博客·2024-02-05 21:05

微信小程序+Vue+SpringBoot实现B2C电商系统（毕业论文）

5月份答辩完了，顺利通过，现在回头看整个过程其实收获还是很多的，从去年9月份确定选题，11月开始进行需求分析和设计，到12月开始进入开发，一直到今年2月底，然后3月都在写论文，4月修改初稿、录制演示视频、制作PPT，前后经历了大概半年时间，最终做出的成果也基本符合我的设想。下面简单介绍下我的毕业论文项目，感兴趣的可以下载源码回去研究学习。1概述当时选题是老师可以让我们自己决定，如果没有想法再指定题
hhf的博客·2024-02-05 21:35

nodejs详细介绍2以及vue脚手架

前言首先给宝子们说声抱歉，因为自己在使用vscode执行vue脚手架的时候出现了很多问题，在经过解决之后还是有一个对应的我弄了一天没弄好，就是“vscode的终端将被任务重用，按任意键关闭”然后导致的是自己没心情学习一点
菜鸟小木·2024-02-05 21:33

Pinia的使用与原理

Pinia与Vuex对比vuex：ts兼容性不好命名空间的缺陷(只能有一个store)mutation和action有区别pinia：更简洁的APIts兼容性更好无命名空间的缺陷(可以创建多个store
徐_三岁·2024-02-05 20:25

vuex的基本结构

Vuex基本结构State中的数据-render->渲染到组件上-进行操作dispatch->action-commit->mutation-mutate->state如果使用Vuex，代码量会更多，代码逻辑会更加清晰
开着五菱宏光的小白·2024-02-05 20:25

vue3.0移动端将px转换为rem

第一种方法：我们可以将写的rem的js直接写在public文件夹下的index.html文件的头部，记得要加移动端头部的meta标签第二种方法：就是将rem的js放在public文件夹下创建一个，在main.js中引入，也可以使用第三种方法：参考链接https://blog.csdn.net/m0_46242315/article/details/104138421?utm_medium=dist
焚心123·2024-02-05 20:42

泡泡清新文艺的微社区系统PHP源码

前端采用Vue3匠心打造，界面清新简约，三栏式布局仿若Twitter，让您一见倾心。
行动之上·2024-02-05 19:49

PHP客服系统-vue客服聊天系统

PHP-Vue客服聊天系统是一款高效、灵活的客户服务解决方案，基于ThinkPHP6、Vue3和Workerman(Gateworker)框架开发，专为单商户场景打造。
行动之上·2024-02-05 19:49

vue3实现命令式弹窗

效果图代码区域首先实现弹窗组件my-modal.vue这里实现一个极简易弹窗作为示例，其他功能和样式可自行补充和优化；{{title}}{{content}}取消确定import{isVNode}from"vue
guizi0809·2024-02-05 19:48

解决火狐和safira浏览器不支持e.path问题

场景：手写级联组件下拉框时，需要点击级联组件区域外触发事件来关闭下拉框//vue2.x点击元素外触发事件的指令Vue.directive("clickoutside",{//初始化指令bind(el,binding
guizi0809·2024-02-05 19:18

QT自用，勿点

自己有接近2年的前端经验（html,js,jq,vue之类的），但是一直对QT不是很熟悉，之前零散的学了一些，但是平时不怎么做界面，这几天系统的学一下。
江河地笑·2024-02-05 19:14

VUE

goods批量删除row.goods_id">{{scope.row.goods_id}}import{menusGet,delDelete}from"@/http/request.js";exportdefault{data(){return{pagenum:1,pagesize:10,query:"",tableData:[],/*勾选的数据放在整个数组里面*/multipleSelectio
过河卒_51be·2024-02-05 19:03

vue 下载二进制流文件

平时在前端下载文件有两种方式，一种是后台提供一个URL，然后用window.open(URL)下载；另一种是后台直接返回文件的二进制内容，然后前端转化再下载，下面主要说的是第二种实现方式Blob、ajax(axios)mdn上是这样介绍Blob的：Blob对象表示一个不可变、原始数据的类文件对象。Blob表示的不一定是JavaScript原生格式的数据具体使用axios({method:'post
卿卿qing·2024-02-05 19:39

vue二进制文件下载

第一种方法letparmas={}introduction(parmas).then(res=>{//console.log(res);constcontent=res.data;//后端返回的数据leturl=window.URL.createObjectURL(content)letlink=document.createElement('a')link.style.display='none
yasuo56·2024-02-05 19:39

js/vue 下载二进制文件流

简单来说下载二进制文件流就是将二进制文件流存在Blob对象中，再将其转为url对象，最后通过a标签下载。//封装下载exportfunctiondownLoadFetch(url,params={},config={}){//取消constdownSource=axios.CancelToken.source();document.getElementById('downAnimate').sty
sylvia_0815·2024-02-05 19:08

vue 下载二进制文件流

设置responseType:‘blob’,属性，使接收到的数据转换成二进制流request({url:"/xzjc/randomPerson/excelExport",method:"post",showloading:true,loadingType:'loadPart',responseType:'blob',baseUrlType:'XZJC_HOST',cancelToken:setCa
一盘小菜er·2024-02-05 19:36

vue 路由模式

一般会当做面试题问vue有几种路由模式hash模式history模式异同hash模式：通过#号后面的内容的更改，触发hashchange事件，实现路由切换history模式：通过pushState和replaceState
哼_·2024-02-05 19:44

vue 下载二进制文件

文章目录概要技术细节概要vue下载后端返回的二进制文件流技术细节importaxiosfrom"axios";constbaseUrl=process.env.VUE_APP_BASE_API;//downLoadPdf
G_qingxin·2024-02-05 19:02

vue3 导入导出json文件

导入json//这是选择本地文件的弹框这里display:none隐藏了，DOM依旧存在获取DOM，触发他的点击事件constrefFile=ref(null);constaddFileHandle=()=>{refFile.value.click();};当选中文件自动触发change事件//选中json文件change事件constfileLoad=()=>{constselectedFile
Time202051·2024-02-05 19:31

vue从上到下淡入淡出过渡动画

从上往下的淡入淡出的过渡/*开始*///dialogFade是容器的类名//过度内容.dialogFade-enter,.dialogFade-leave-to{opacity:0;transform:translateY(-30px);}/*过程*/.dialogFade-enter-active{transition:all0.5s;}/*结束*/.dialogFade-enter-to{op
Time202051·2024-02-05 19:31

useEcharts更加方便的使用echarts，echarts动态尺寸，

import{ref,unref,nextTick,onMounted}from"vue";importemptyfrom"@/assets/image/public/empty.png";importtype
Time202051·2024-02-05 19:31

vue3 element-plus 中文

https://element-plus.org/zh-CN/guide/i18n.html#configprovider官网国际化import{ElConfigProvider}from'element-plus'components:{//MainElConfigProvider},return{locale:zhCn}
Time202051·2024-02-05 19:01

vue+elementui的el-table下filters过滤器的使用 小白

{{sexValue[scope.row.mold]}}//这里是拿到tableData的所有sex性别属性，但是筛选的下拉框只有男/女所有[...newSet()]去重复varaaa=[...newSet(this.tableData.map((item)=>this.sexValue[item.sex]))]//这里可以用map，但我对reduce情有独钟。//因为官网规定filters的是A
Time202051·2024-02-05 19:00

‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序？npm i （npm install）安装不上的原因

启动项目时，本地有node包，但是终端提示：'vue-cli-service'不是内部或外部命令，也不是可运行的程序，导致项目无法启动，如下：原因之一是项目的npm版本较低，但是你本地的npm版本过高，
北城笑笑·2024-02-05 19:51
上一页 73 74 75 76 77 78 79 80 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他