一般都用vue写，可以从vant组件或者element-ui组件找个登录的from表单，写完css样式，设置校验规则，一种是非空的校验，一种是判断用户输入是否合法的校验，然后就是铺数据，这里一般用ajax发，一般都是用的模块化的思想来单独封装请求，发送后获取到token的数据，token除了登录页面别的页面想实现数据请求一般都要带，所以我们把token放到vuex中的state里，用mutatio

写在前面在我们写项目的过程中，经常碰到要做增删改查的功能，这些其中像添加，修改，预览这些功能弹出的界面简单就直接写，但一般情况下我们都需要单独封装一个子组件，并将其引入主页面也就是父组件中使用。我发现这些功能最后在提交确认时都需要有关闭弹窗并且重新渲染数据的过程，一般我们会使用子传父this.$emit(‘xxxx’,xxxx)来调用父组件中的关闭弹窗和重新渲染页面的功能，就很麻烦,所以我们来看看

一、解释出现该警告的原因是我们通常使用echarts图表是用来展示动态的数据，每次数据变化就是重新生成图表的过程，这个时候图表重复获取dom元素就会出现该报错，那怎么解决呢。二、解决方法echarts图表生成需要dom容器来承载。我们可以进行判断，如果已经获取到dom就不用再重复获取了，这样问题就解决了，代码如下if(Object.keys(this.myecharts).length==0){t

一、基本结构<input type="text" v-model="note" maxlength="18"><script>export default {data () {return {note: '',}}}</script>二、监听表单输入的内容（1） 只允许输入字母watch: {note (newValue, oldValue) {console.

postMessage 是 html5 引入的API，postMessage()方法允许来自不同源的脚本采用异步方式进行有效的通信，可以实现跨文本文档、多窗口、跨域消息传递，多用于窗口间数据通信，这也使它成为跨域通信的一种有效的解决方案。一、Window postMessage() 方法介绍postMessage() 方法用于安全地实现跨源通信。（只有同源脚本才能相互通信，window.postM

写在前面我们在做项目时常常会碰到要做在页面播放视频的功能，该功能我们可以用video.js来做关于video.jsvideo.js是一个拥有h5背景的网络视频播放器，同时支持h5以及Flash视频播放（可加载本地静态资源视频以及网络链接视频安装npminstall video.js复制代码在main.js中引入import Video from 'video.js'import 'video.js

在 jquery 中，我们传入到 bind 方法中的回调，只能是一个函数类型的变量或者一个匿名函数，传递的时候，还不能执行它（在后面加上一堆圆括号），否则就变成了取这一个函数的返回值作为事件回调。我们知道，相比于 jquery，vue 的事件绑定可以显得更加直观和便捷，我们只需要在模板上添加一个 v-on 指令（还可以简写为 @），即可完成类似于 $(‘xxx’).bind 的效果，少了一个利用选

写在前面目标：现在vue3的使用越来越普遍了，vue3这方面的学习我们要赶上，今天说一下vue3中computed计算属性的使用。computed函数在vue2中我们都了解过，当我们需要一个值，这个值随着其他值变化而变化，我们就将其放进computed中，computed是用来定义计算属性的。1. 基本使用：只读<template><div><div>计算属性&