今天我们就讲讲在 vue3 中，自定义指令定义、使用以及钩子函数都有哪些变化？

先问大家一个很简单的问题：vue init webpack prjectName 与 vue create projectName 有什么区别呢？它们是 Vue-cli 2 和 Vue-cli3 创建项目的两个命令，之所以两个命令不同，根本原因是 Vue-cli2 是基于webpack 3，而 vue-cli3 是基于 webpack 4 的。所以我们先介绍 webpack 是如何管理项目的，如何

本篇文章主要目的就是想告诉我身边，正在学 vue3 或者 准备学 vue3 的同学，vue3中网络请求axios该如何使用，防止接触了一点点 vue3 的同学会有个疑问？生命周期、router 、vux使用都改变了，那 axios 使用有没有啥改变？小姐姐使用 axios 之前，需要先安装好。yarn add axiosnpm install axiosbower install axios&lt

本篇文章主要介绍 v-model 在 Vue2 和 Vue3 中使用变化。一、Vue2 中 v-model 的使用v-model 是语法糖，本质还是父子组件间的通信。父子组件通信时有两种方式：父给子传值：通过 props子给父传值：通过 Events up，使用 $emit 触发事件。1.1、父组件给子组件传值父组件代码<child:msg="msg"/><script>e

最近做一个项目，要通过扫一扫查询对应的信息，由于现在已经有一部分二维码已被生成，为了兼顾已生成的二维码，所以需要使用网页的扫一扫功能去完成项目。项目使用技术栈：vue2方案一、js 原生热心的同事帮我已经找好了网页扫一扫 DEMO，给我说已经测试过了，Andriod 和 IOS 都可以正常使用。使用 QRScanner 插件其原理是通过navigator.mediaDevices.getUserM

在父子组件传递数据时，通常使用的是 props 和 emit，父传子时，使用的是 props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件，如果多个子组件或多个孙组件使用时，就需要传很多次，会很麻烦。像这种情况，可以使用 provide 和 inject 解决这种问题，不论组件嵌套多深，父组件都可以为所有子组件或孙组件提供数据，父组件使用 provide 提供数据，子组件或孙组件

本篇文章干货较多，建议收藏！从 vue2 升级到 vue3，vue3 是可以兼容 vue2 的，所以 vue3 可以采用 vue2 的选项式API。由于选项式API一个变量存在于多处，如果出现问题时，就需要去多个函数内检查，项目较大时，遇到问题，增加排故的难度。所以 vue3 中新增了 setup 配置项，用它来写组合式API。一、选项式API 和 组合式API 区别有些同学稀里糊涂用了vue一年

刚开始使用 script setup 语法糖的时候，编辑器会提示这是一个实验属性，要使用的话，需要固定 vue 版本。在 6 月底，该提案被正式定稿，在 v3.1.3 的版本上，继续使用但仍会有实验性提案的提示，在 V3.2 中，才会去除提示并移除一些废弃的 API。script setup 是啥？是 vue3 的新语法糖，并不是新增的功能模块，只是简化了以往的组合式 API 必须返回(retur

vue3 中 的 computed 的使用，由于 vue3 兼容 vue2 的选项式API，所以可以直接使用 vue2的写法，这篇文章主要介绍 vue3 中 computed 的新用法，对比 vue2 中的写法，让您快速掌握 vue3 中 computed 的新用法。组合式 API 中使用 computed 时，需要先引入：import { computed } from "vue"。引入之后 c

本文绘制的地图效果图如下：一、Echarts 使用五部曲1、下载并引入 echartsEcharts 已更新到了 5.0 版本，安装完记得检查下自己的版本是否是 5.0 。npm install echarts --save下载地图的 json 数据可以下载中国以及各个省份地图数据。免费的文件下载地址：http://datav.aliyun.com/portal/school/atlas/area