weixin_45332140的博客

原创 2023前端面试

2023前端面试集合

原创 Elemnet万能表单生成器

【代码】Elemnet万能表单生成器。

原创 手写vue（数组数据拦截）

手写vue数组拦截

原创 手写vue-数据拦截

手写vue(数据拦截）

原创 手写vuex

手写vuex

原创 vuex持久化缓存插件的使用vuex-persistedstate

vuex持久化缓存插件的使用

原创 promise封装

function myPromise(fn){ let that = this that.status = 'pending' that.value ='' function reslove(value){if(that.status == 'pending'){ that.status = 'reslove' that.value = value} } function reject(value){ if(that.status == 'pending').

原创 axios请求拦截和响应拦截

service.interceptors.request.use( config => { // Do something before request is sent if (store.getters.token) { // 让每个请求携带token-- ['X-Litemall-Admin-Token']为自定义key 请根据实际情况自行修改 config.headers['X-Litemall-Admin-Token'] = getToken().

原创 vue页面使用百度地图

vue页面使用百度地图下载插件 "map": "^1.0.1", "vue-baidu-map": "^0.21.22",编写前端页面<div id="container"></div>引入BMPGLimport { BMPGL } from "@/bmpgl.js"export default { name: 'index', data () { return { ak: "你的ak", // 百度的地图密钥 m

原创 vue项目使用百度地图插件

vue项目使用百度地图插件安装百度地图插件 "map": "^1.0.1", "vue-baidu-map": "^0.21.22",在src下新建bmpgl.js内容如下export function BMPGL(ak) { return new Promise(function(resolve, reject) { window.init = function() { // eslint-disable-next-line resol

原创 Promise封装Ajax

ajax封装

原创 vue路由传参的几种方式

vue路由传参的几种方式一 路由后直接携带参数`例如：页面a跳转到页面b页面a:路由:页面b:路由:二.利用params传参例如：页面a跳转到页面b页面a:路由:页面b:路由:三.利用query传参例如：页面a跳转到页面b页面a:路由:页面b:路由:总结:路由后直接携带参数传参和利用query传参，参数都会显示在url地址栏，刷新页面数据不会丢失；利用params传参数据不会显示在url地址栏但是刷新页面数据会丢失...

原创 vue组件传参的几种方式

一.父子组件传参父组件传给子组件：父组件：子组件：子组件传给父组件:子组件:父组件:兄弟组件传参：

原创 超好用的Vscode插件