Vue
vue项目中一些常用的插件
@riophae/vue-treeselect：带选择的树组件 https://vue-treeselect.js.org/ ele-calendar：日历组件 https://www.npmjs.com/package/ele-calendar flv.js：Flv.js 是 HTML5 Flash 视频（FLV）播放器 https://github.com/Bilibili/flv.js#r
日期 2023-10-26 10:13:53
vue项目实战
学习资源推荐 https://blog.csdn.net/qq_42813491/article/details/90213353 vue项目实战 演示地址github仓库部分截图
日期 2023-10-26 10:13:53
Vue中watch的简单应用
Vue.js 有一个方法 watch，它可以用来监测Vue实例上的数据变动。 如果对应一个对象，键是观察表达式，值是对应回调，值也可以是方法名，或者是对象，包含选项。 下面写两个demo，参考demo来了解一下 demo1 <template> <div> <el-input v-model="demo"></el-input
日期 2023-10-26 10:13:53vue axios请求后 给（data）赋值的方法
https://blog.csdn.net/m0_37836194/article/details/80370315
日期 2023-10-26 10:13:53
【Vue 快速入门系列】如何更优雅的使用vuex进行组件间通信
文章目录 前言一、vuex是什么？二、vuex的使用三、四个重要的映射函数四、多组件数据共享五、模块化使用vuex 前言 前面介绍过几种可以实现组件间通信的方式props、ref、自定
日期 2023-10-26 10:13:53Vue工程搭建Leaflet项目第三弹：绘制几何对象（点、线、面）
前言 在leaflet中绘制几何对象很简单，通过鼠标单击事件、移动事件获取地图坐标并存储到几何对象中，通过双击事件或者右键事件结束绘制。可以通过添加已经实现了的绘制插件完成，也可以
日期 2023-10-26 10:13:53和女朋友争论了1个小时，在vue用throttle居然这么黑盒？
开篇首先我们都知道 throttle(节流) 和 debounce(防抖) 是性能优化的利器。本文会简单介绍一下这两个的概念 但是并不会对这两个函数再进行老生常谈地说原理了 而是会说它和 vue 之间的爱恨情仇~ 但是在步入正题以前 我们得先知道它的一些简介。函数节流(throttle) 是指一定时间内 js 方法只运行一次。节流节流就是节省水流的意思 就像水龙头在流水 我们可以手动让水流 在一
日期 2023-10-26 10:13:53vue——可复用swiper以及scoped样式穿透（可以不受scoped的限制来修改样式）
参考： https://blog.csdn.net/dwb123456123456/article/details/82701740https://blog.csdn.net/u014027876/article/details/81663080https://www.jianshu.com/p/8601ccf91225 安装 npm install vue-awesome-sw
日期 2023-10-26 10:13:53webstrome vue 工程点击@路径没有反应
执行 yarn init vue@2 即可 没用yarn的可以使用npm代替 现在选中路径就可以了
日期 2023-10-26 10:13:53
Vue学习笔记之Vue的使用
0x00 安装 对于新手来说，强烈建议大家使用<script>引入 0x01 引入vue.js文件 我们能发现，引入vue.js文件之后，Vue被注册为一个全局的变量，它是一个构造函数。 0x02 使用Vue实例化对象 1.创建vue实例对象 <div id="app"> {{ msg }} </div>
日期 2023-10-26 10:13:53Vue.2.0.5-Vue 实例
构造器 每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的： var vm = new Vue({ // 选项 }) 虽然没有完全遵循 MVVM 模式， Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm 这个变量名表示 Vue 实例。 在实例化 Vue 时，需要传入一个选
日期 2023-10-26 10:13:53Vue中引入TradingView制作K线图
**前言: 本文使用的是1.10版本 , 可通过TradingView.version()查看当前版本. 附上开发文档地址:https://zlq4863947.gitbooks.i...** 一、修改datafeed.js为export导出,并在vue文件引入TradingView内部代码charting_library.min.js和datafeed.js. 前端开发者常用的 9 个 Ja
日期 2023-10-26 10:13:53精品微信小程序ssm家校通系统+后台管理系统|前后分离VUE
《微信小程序家校通系统+后台管理系统|前后分离VUE》该项目含有源码、论文等资料、配套开发软件、软件安装教程、项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统，该后台采用前后台前后分离的形式使用Java+VUE 微信小程序——前台涉及技术：WXML 和 WXSS、JavaScript、uni
日期 2023-10-26 10:13:53vue3 添加路由vue-router
第一 yarn add vue-router -S 第二 新建router.js 内容如下 import {createRouter, createWebHashHistory} from "vue-router"; const routes = [{ path: "/", componen
日期 2023-10-26 10:13:53vue-router 按需加载
vue的单页面（SPA）项目,必然涉及路由按需的问题。以前我们是这么做的 //require.ensure是webpack里面的，这样做会将单独拉出来作为一个chunk文件 const Login = r => require.ensure( [], () => r (require('../component/Login.vue'))); 但现在无Vue-rout
日期 2023-10-26 10:13:53Vue.js异步更新及nextTick
写在前面 前段时间在写项目时对nextTick的使用有一些疑惑。在查阅各种资料之后，在这里总结一下Vue.js异步更新的策略以及nextTick的用途和原理。如有总结错误的地方，欢迎指出！ 本文将从以下3点进行总结： 为什么Vue.js要异步更新视图？JavaScript
日期 2023-10-26 10:13:53vue 阿里云上传组件
vue 阿里云上传组件 Vue.js上传图片到阿里云OSS存储 测试项目git地址 本测试项目启动方法 示例链接 组件配置项 实践解释 本文主要介绍如何 在vue项目中使用web 直传方式上传阿里云oss图片 默认读者对vue框架和阿里云oss有一定的了解整体的流程是加载好阿里云sdk -> 初始化上传客户端client -> 等待文件选择 -> 文件选择进行上传 ->
日期 2023-10-26 10:13:53Vue刷新后页面数据丢失问题的解决过程
在做vue项目的过程中有时候会遇到一个问题,就是进行F5页面刷新的时候,页面的数据会丢失,这篇文章主要给大家介绍了关于Vue刷新后页面数据丢失问题的解决过程,需要的朋友可以参考下！ 一、为什么刷新后数据会丢失 vuex存储的数据只是在页面中，相当于全局变量，页面刷新的时候vuex里的数据会重新初始化&#x
日期 2023-10-26 10:13:53vue学习（方法和路径）
【 声明：版权所有，欢迎转载，请勿用于商业用途。 联系信箱：feixiaoxing @163.com】 不管是公司，还是做个人开发，很多时候程序员除了编写后端程序之外，还要了解一点的前端开发的内容。可是，现在很多人还
日期 2023-10-26 10:13:53vue--router的简单使用
文章目录 代码效果图传参路由嵌套命名路由 代码 <!DOCTYPE html> <html lang="en"> <head>
日期 2023-10-26 10:13:53vue——引入vue-pdf实现vue页面内预览pdf文件
参考：https://www.npmjs.com/package/vue-pdf https://www.cnblogs.com/lodadssd/p/10297989.html 效果 1. 引入vue-pdf 我的vue版本是2.6.10，vue-pdf版本是4.1.0 npm instal
日期 2023-10-26 10:13:53Vue传递二维数组至Web API
Web API接收参数的方法IEnumerable<T>： 前端Vue的axios.POST： 执行时，所传送的参数：
日期 2023-10-26 10:13:53
vue项目使用简略总结
1、利用iView Cli搭建项目结构2、搭建完毕之后将proxy.js和'Server.js'放置到node_modules\webpack-dev-server\lib目录下，以实现跨域访问公司平台内的接口资源3、实际开发中发现无论是开发环境还是打包之后的部署文件在ie、safari、iphone下无法访问，原因是开发过程中使用了es6语法，某些js文件没有编译成es5导致的，解决方法是：安
日期 2023-10-26 10:13:53VUE使用中踩过的坑
前言 vue如今可谓是一匹黑马,github star数已居第一位！前端开发对于vue的使用已经越来越多，它的优点就不做介绍了,本篇是我对vue使用过程中以及对一些社区朋友提问我的问题中做的一些总结,帮助大家踩坑。如果喜欢的话可以点波赞，或者关注一下，希望本文可以帮到大家!!! ----------我是分割线 本篇介绍的问题大概如下: 路由变化页面数据不刷新问题 setTimeout/setI
日期 2023-10-26 10:13:53vue 复制内容
yarn add vue mian.js中设置 //复制 import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard) 控件上面使用 <el-button type="button" v-if="!dow
日期 2023-10-26 10:13:53使用vue+node搭建前端异常监控系统
使用vue+node搭建前端异常监控系统（一）-原理剖析 您将Get的技能 收集前端错误（原生、React、Vue）编写错误上报逻辑利用Egg.js编写一个错误日志采集服务编写webpack插件自动上传sourcemap利用sourcemap还原压缩代码源码位置利用Jest进行单元测试
日期 2023-10-26 10:13:53Vue 使用 vuelidate 实现表单验证
表单验证的应用场景十分广泛，因为网站对用户输入内容的限制是非常必要的。 在vue中，我们使用vuelidate方便地实现表单验证。 官方文档在这里https://monterail.github.io/vuelidate/ 1、安装 使用npm安装：npm install vuelidate --save 在main.js中引入： import Vuelidate fr
日期 2023-10-26 10:13:53vue系列：父子组件生命周期的执行顺序
结论 父子组件加载过程 ->父beforeCreate -> 父created -> 父beforeMount ->子beforeCreate -> 子created -> 子bef
日期 2023-10-26 10:13:53vue.js块级作用域总结
块级作用域 1.变量的作用域：变量在什么范围内是可用的。 <script> { var name = 'xiaonaihu'; console.log
日期 2023-10-26 10:13:53vue过滤器的使用
如何使用vuejs过滤器
日期 2023-10-26 10:13:53论vue项目api相关代码的组织方式
论vue项目api相关代码的组织方式 看了下项目组同事的代码，发现不同项目有不同的组织版本 版本一： ├─apis │ a.api.js │ b.api.js │ b.api.js │ d.api.js 每个api文件里都是这样的代码 // d.api.js import axios from '@/utils/http' export f
日期 2023-10-26 10:13:53vue混入mixin的使用，保证你看的明明白白！
场景描述 有些时候，我们发现有些组件部分功能代码是几乎是一样的。 这个时候，我们就可以将相同的逻辑代码抽离出来 此时我们的主角混入mixin就登场了 下面我们有a-test和b-test两个组件，点击按钮发生的逻辑是一样的。 这个时候我们就可以使用混入mixin a-test代码如下 <template> <div> <el-button
日期 2023-10-26 10:13:53一个简单的 vue.js 实践教程
原文 https://segmentfault.com/a/1190000006776243 主题 Vue.js 博客地址： http://cody1991.github.io/vue/2016/08/30/a-simple-vue-guide.ht
日期 2023-10-26 10:13:53vue中v-bind的简单使用
v-bind基础 v-bind用于绑定一个或多个属性值，或者向另一个组件传递props值(这个学到组件时再介绍) 在开发中，有哪些属性需要动态进行绑定呢？ 还是有很多的&
日期 2023-10-26 10:13:53Vue.js+webpack+node.js实现价格监测应用Ponitor
[ P ] rice + M [ onitor ] = Ponitor 价格监测 可添加天猫、淘宝、京东、Apple App的商品，监控商品价格发生变动时（每天定时器），推送消息（目前是发送邮件）！ 技术栈：vue.js &#
日期 2023-10-26 10:13:53vue中通过hls.js播放m3u8格式的视频
近期做了一个功能，是接入一个海康的摄像头的监控视频，怎么获取m3u8的视频这里就不在叙述了，只说一下怎么将m3u8格式的视频成功播放 一、m3u8和HLS介绍 1.M3U8文件是指UTF-8编码格式的M3U文件。M3U文件是记录了一个索引纯文本文件,打开它时播放软件并不是播放它,而是根据它的索引找到对应的音视频文件的网络地址进行在线播放。 2.HLS 与 M3U8 HLS(全
日期 2023-10-26 10:13:53vite搭建vue项目-集成别名@、router、vuex、scss，按需加载Vant,就是这样简单
为什么要使用vite 当我们开始构建越来越大型的应用时， 需要处理的 JavaScript 代码量也呈指数级增长。 包含数千个模块的大型项目相当普遍。 这个时候我们会遇见性能瓶颈 使用 JavaScript 开发的工具通常需要很长时间（甚至是几分钟！）才能启动开发服务器， 文件修改后的效果也需要几秒钟才能在浏览器中反映出来。 如此循环往复，迟钝的反馈会极大地影响开发者的开发效率和幸福感。 Vit
日期 2023-10-26 10:13:53Vue.js学习系列二 —— vuex学习实践笔记（附DEMO）
上次学习了vue-router的使用，让我能够在各个页面间切换，将页面搭建了起来。这次则要学习vue的状态管理模式——vuex。它类似于redux来应用的全局状态。 注：本文只是个人对vuex学习的一些理解，要深刻掌握还需要认真查阅官方文档。 一、基本介绍 Vuex 是一个专为
日期 2023-10-26 10:13:53vue中书籍购物车的实现
实现效果 用到了filter、map、reduce等高阶函数 index.html代码 <!DOCTYPE html> <html lang="en"> <hea
日期 2023-10-26 10:13:53Vue.js结合vue-router和webpack编写单页路由项目
一、前提 1. 安装了node.js。 2. 安装了npm。 3. 检查是否安装成功： 打开cmd，输入node，没有报“node不是内部或外部命令”表示安装成功node.js。 打开cmd，输入npm，没有报“npm不是内部或外部命令”表示安装成功node.js。
日期 2023-10-26 10:13:53vue.js 响应式原理
说明 【本文转载自：https://github.com/answershuto/learnVue】 关于Vue.js Vue.js是一款MVVM框架，上手快速简单易用，通过响
日期 2023-10-26 10:13:53用Jsx写Vue组件
前言 我们平常写vue的组件时，一般都是用的是模版，这种方式看起来比较简洁，而且vue作者也推荐使用这个方式，但是这种方式也有一些它的弊端，例如模版调试麻烦，或者在一些场景下模版描述可能没那么简单和方便。 下面我们要讲的是如何在vue里面写jsx，知道react的人应该都知道jsx，jsx的一个特性就是非常灵活，虽然有的人觉得jsx很丑陋，把逻辑都写到模版的感觉，但萝卜青菜各有所爱，适
日期 2023-10-26 10:13:53vue组件间的11种传值方式
当做到比较大的项目时，一个vue文件里面可能要包含上千行代码，这样不利于后期维护与问题定位，抽离成组件就尤其重要了 重中之重的就是组件之间数据传递的几种方式 Vue2最常见的11种组件间的通讯方式 props $emit / v-on .sync v-model ref $children / $parent $attrs / $listeners provide / inject Event
日期 2023-10-26 10:13:53精品微信小程序慢性疾病医院挂号健康饮食+后台|前后分离VUE
《微信小程序疾病管理小程序+后台管理系统|前后分离VUE》该项目含有源码、论文等资料、配套开发软件、软件安装教程、项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统，该后台采用前后台前后分离的形式使用Java+VUE 微信小程序——前台涉及技术：WXML 和 WXSS、JavaScript、u
日期 2023-10-26 10:13:53vue路由跳转报错Avoided redundant navigation to current location: “/xxxxxx“.(同个路由地址点击2此报错问题解决)
来源: https://blog.csdn.net/weixin_43242112/article/details/107595460 一、问题出现及其出现原因 二、问题解决 三、原理解析 四、this指向复习 一、问题出现及其出现原因 在使用this.$router.push进行路由的跳转时，出现如下报错： 问题出现原因：重复路由跳转，比如说当前路由是商品
日期 2023-10-26 10:13:53Vue核心②(MVVM、数据代理)
文章目录 MVVM模型数据代理Object.defineProperty什么是数据代理Vue中的数据代理 MVVM模型 M：模型(Model) ：对应 data 中
日期 2023-10-26 10:13:53Vue引入远程JS文件
问题 最近在使用 Vue 做东西，用到钉钉扫描登录的功能，这里需要引入远程的 js 文件，因为 Vue 的方式跟之前的不太一样，又不想把文件下载到本地应用，找了一下解决的方法，貌似都需要引入第三方的库，最后找到了解决方案，分享之。 思路
日期 2023-10-26 10:13:53用Vue.js和Webpack开发Web在线钢琴
缘起 由于童心未泯，之前在手机上玩过钢琴模拟App，但是手机屏幕太小，始终觉得不过瘾。其实对于我这个连基本乐理都不懂的“乐盲”来说，就算给我一台真正的钢琴，我也玩不转。不过是图个新鲜、权当娱乐罢了。最近刚好入手一台带触摸屏的Lenovo Yoga 4 Pro，这倒给了
日期 2023-10-26 10:13:53error Component name “index“ should always be multi-word vue/multi-word-component-names
Vue3在编译的时候报错error Component name "index" should always be multi-word vue/multi-word-component-namesÿ
日期 2023-10-26 10:13:53Vue 简单实例 购物车4 - 全选和反选功能
1、查看代码发现选中全选是由 check 样式控制的，所以我们要添加一个变量来控制是否全选： <span :class="['checkbox-btn', 'item-check-btn', allCheck ? 'check' : '']"> <script> export default { data() { return { allChe
日期 2023-10-26 10:13:53