1、在src\directive\index.js中封装自动聚焦指令代码// 文本域的自动聚焦封装的指令import Vue from 'vue'// 注意：需要在main.js中导入Vue.directive('focus', {// 当指令所在DOM元素插入到了DOM中，只触发一次// 当被绑定的元素插入到 DOM 中时inserted (el) {focus(el)},// 当指令所在组件数

使用函数封装不使用过滤器是因为，过滤器本身也是个函数, 而且vue3废弃了过滤器, 所以不使用1、utils/date.jsimport moment from 'moment'// 设置中文模式moment.locale('zh-cn')/*** .....多久之前* @param {*} 之前的时间* @returns 系统时间到之前指定时间的距离值*/// 把目标日期转成多久之前通用函数co

介绍：在vue中，为了实现项目可维护性与复用的功能，会将代码单独分离出一个功能组件，但是vue2和vue3分离方式并不相同vue2：vue2不支持逻辑的抽离，如果想实现抽离必须要将所有html代码与逻辑代码全部抽离，会增加父子组件的通信成本，如果数据过多维护起来会比较头疼vue3：vue3支持逻辑的抽离，可以更好的增加项目的可维护性，由于抽离的只是逻辑代码 ，所以没有增加通信成本，就算数据再多，维

用户登录后，访问其他页面需要携带token，vuex是储存在内存里面的，而内存的特点就是快，将token存在vuex中可以提高获取token速度。localstorage是在本地文件夹中，需要读文件，获取token速度慢。因为localStorage的读取是一次磁盘读取，读取速度远低于vuex的内存读取，为了避免重复读取localStorage影响性能，需要将localStorage的数据放到vu

一、在api中新建该页面的js文件用于存放该页面的所有接口二、引用所需组件，调用接口（已经全局配置了接口地址）import axios from 'axios'// 首页-我的展台export function getQueryMyBooth(data) {return request({url: '/booth/query',method: 'post',data})}三、在该页面导入，在cre

一、在api中新建该页面的js文件用于存放该页面的所有接口二、引用所需组件，调用接口（已经全局配置了接口地址）import axios from 'axios'// 首页-我的展台export function getQueryMyBooth(data) {return request({url: '/booth/query',method: 'post',data})}三、在该页面导入，在cre

在用element的表单验证时，重置功能会报错，在我一点一点核对代码时候，发现原来是我没有给 @click="resetForm('ruleForm')" 中的 ruleForm 加引号，很尴尬，下次使用组件的时候，能用cv大法千万别手打。element的表单验证。