vue学习资料

vue3 与 Vue2 | html 通讯 postMessage方法传递 postMessage方法是HTML5中提供的一种跨文档通信的方式，可以在不同的窗口或者iframe之间传递数据。

下载插件 npm install @amap/amap-jsapi-loader 项目使用 初始化地图 initMap() 获取定位 getGeolocation() 创建点位 createMarke

安装pinia 配置pinia 三个核心： state、getters、actions，等同于组件的data、computed、methods。 pinia没有mutations，只有：state、g

动态添加路由 菜单权限控制（菜单中的页面是否能被访问） 静态配置的路由时直接在routes里面进行配置，但是动态路由是通过 router.addRoutes() 进行配置 router/index.j

视频自定义右键 安装插件 npm install v-contextmenu 引入插件 main.js 使用组件(关闭视频自带的控件)

正则表达式使用 正则中常用来表示位置的符号主要有： ^、$、\b、\B、?=p、(?!p)、(?<=p)、(?<!p) ^ 匹配行的开头 $ 匹配行的结尾 \b 单词的边界 \B 非单词的边界 1.

项目中时间处理方法 import dayjs from "dayjs"; element 时间组件处理 需求: 采购日期 < 有效期 计时器功能

前端实现文件导出 下载xlsx插件 npm install xlsx 新建文件json2Excel.js 封装函数 组件使用

uniapp创建项目 HbuilderX 安装配置完毕后，我们就可以开始开发了，首先我们需要创建一个项目，我们点击ide左上角 文件-> 新建 ->项目 ，然后我们选择 uniapp 项目 ，模板选择

日历功能实现 el-calendar日历组件自定义内容 工具函数处理时间选择 时间选择完向后台发请求拿到数据修改事件数据

申请密钥（ak） 百度地图官网 登录百度账号，需要实名认证 （企业就用公司百度账号登录） 创建应用，选择需要的类型 创建好应用就可以得到对应的ak 项目使用 安装依赖包 npm i vue-baidu

安装Swiper 官方API文档：中文api - Swiper中文网 导入 组件中使用 轮播图片固定情况 设置容器：所有的swiper属性只有在swiper容器内才能发挥作用 swiper-conta

登录 Vue项目中实现登录功能： 第一次登录的时候，前端调后端的登陆接口，发送用户名和密码 后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token 前端拿到token，将token存储到

一，文件导出 1. 下包 2. 导出文件 二， 导入文件 utils/index.js 封装工具函数 注册公共组件上传文件功能 components/uploadExcel/index.vue 3.

组件传值方法(vue3写法) 1.props 父组件传值给子组件 2.emit 子传父 3. 依赖注入(vue3) 可以让父组件向孙子组件传值 父组件 provide 孙组件 inject 4. v-

组件传值方法(vue2写法) 1. props 父传子 父组件绑定数据传递,子组件接收(子组件不能直接修改父组件的数据) 2. $emit 子传父 子组件通过 $emit 自定义事件 ,父组件监听事件

1.组件-插槽 概念: 用于实现组件的内容分发, 通过 slot 标签, 可以接收到写在组件标签内的内容 当组件内某一部分标签不确定时用插槽技术 vue提供组件插槽能力, 允许开发者在封装组件时，把不

1. reactive 定义一个复杂数据类型转换响应式 2. ref 简单数据类型转换响应式 数组[ ] 3. toRef 可以把对象的单个属性变成响应式 4. toRefs 可以把对象全部属性转换为

1.在 main.js 中 2. 在 components文件下 index.js中 3. 注意: 在 components文件下的 Header 公共组件里面要配置 name 4. 在业务组件中使用

1. 全局注册自定义指令 在main.js 中定义 自定义指令传参 : 在main.js 中定义 2.局部指令 组件中定义使用 3.自定义指令钩子函数 钩子函数 : bind：只调用一次，指令第一次绑