logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue3的逻辑复用抽离

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

#vue.js#javascript#前端
为什么token要存在vuex中还要存本地一份

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

#html5#html#javascript
vue调用接口

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

文章图片
#前端
vue调用接口

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

#前端
使用 vue 时犯过的小错误

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

#vue.js#前端#javascript
到底了