Vue.js

在vue项目中使用路由守卫 一、首先在src目录下新建一个permission.ts文件 二、在main.ts文件中引入

刷新功能的实现刷新功能的实现刷新功能的实现刷新功能的实现刷新功能的实现刷新功能的实现刷新功能的实现刷新功能的实现

效果图 关键点： 通过仓库中的fold属性来控制图标（展开/收缩）的变换，以及各部分宽度的变换 左边菜单栏部分 右边部分，包括面包屑导航栏和main展示区域 useLayOutSettingStore

后台layout布局手写版（没有使用elementui框架自带的layout布局）后台layout布局手写版（没有使用elementui框架自带的layout布局）

使用element-plus搭建layout模板（精简版） 效果如下： 天呀，居然只用了一行height:100vh就搞定了，而且可以兼容各个分辨率下的屏幕

``` const Mock = require('mockjs') 等价于 import Mock from "mockjs"; ``` ``` import user from './data/u

Vue 项目中 使用mock 模拟数据 mockServe.js 引入提前编写好的JSON格式文件 webpack默认暴露图片和JSON 所以我们不需要去将JSON文件暴露 为了打包项目后不影响moc

一、普通用法，哪个组件要用就在哪里引入 xxx.vue 二、全局注册组件，其他组件中只需要直接使用即可 main.ts 这样在其他组件中不需要引入就可以直接用了 xxx.vue 三、自定义插件注册全局

目前ts对@指向src目录的提示是不支持的，vite默认也是不支持的。 所以需要手动配置@符号的指向 在vite.config.ts中添加配置： 这时候引入的会path模块报红，但其实我们已经有nod

npm run lint或者npm run dev报错npm run lint或者npm run dev报错

解决方案 代码编辑器：vscode ，使用vue3，所以安装了 Volar 插件，可以使 vue 代码高亮显示，不同颜色区分代码块，以及语法错误提示等 提示：如果使用的是vue2，则使用 Vetur

安装axios npm i axios /src下新建request文件夹，并新建index.ts /src/request下新建api.ts Login.tsx中

1.npm 安装 vue  main.js引入 3.使用地图的组件页面引入 4.使用 此时若运行项目，会报错‘XXX  is  not defined’  （此处XXX包括不限于AMap、AMapUI

在antd pro内使用vue-amap，实现地图和坐标点。 1，安装 2，在main,js内引入 3.在vue中使用 template script

vue中install方法 vue提供install可供我们开发新的插件及全局注册组件等 install方法第一个参数是vue的构造器，第二个参数是可选的选项对象 第一种：全局注册组件 在main.j

vue2中slot内容分发vue2中slot内容分发vue2中slot内容分发vue2中slot内容分发

action函数可以接收一个与store实例具有相同方法的属性context，这个属性中包括下面几部分：

Vue项目代理+baseURL的设置 Vue.config.js里 设置baseURL 在Vue根目录下创建不同环境下的变量配置文件 .env.development .env.production

vue3中的defineProps 和 defineEmits 在 <script setup> 中必须使用 defineProps 和 defineEmits API 来声明 props 和 emi

vue3.2中子组件调用父组件的方法--defineEmitsvue3.2中子组件调用父组件的方法--defineEmits