安装插件 npm i vite-plugin-svg-icons -D https://github.com/vbenjs/vite-plugin-svg-icons/blob/main/README.zh_CN.md 配置 vite.config.ts import { createSvgIconsPlugin } from 'vite-plug…

vue3 生命周期函数 setupbeforeCreate生成之前created生成之后beforeMount组件内容被渲染到页面之前mounted组件内容被渲染到页面之后beforeUpdate当data中的数据发生变化前updated当data中的数据发生变化后beforeUnmountVUE实例与元素解除绑定前unmountedVUE实例与元…

什么是事件总线 我们之前的时候经常性是需要两个隔着老远的组件之间的通信，这个要是一层层的传递下去通信麻烦。如即时通讯，他在每一个子页面都要做成反应。 原理如下：在vue加载的时候设立一个公共的实例类型，我们的组件可以在这个全局的实例对象的原型上添加一个函数，等其他组件调用的时候再回调回来用这种方法进行通信。 在全局事件总线中，X需要满足的条件： 1…

el-form 表单验证时 使用的是  async-validator 规则可以写在 data 中，如果 form 表单中出现数组，且数组中字段需要验证时可以单独写验证规则 data 中的数据结构 { // 需要提交到服务器的结构 formData:{ cname:'', // 嵌套数组，可动态增加 list: [ {sname:…

现象 当使用el-form时，若表单中只有一个el-input表单元素，当回车时就会发生表单的自动提交，现象为浏览器刷新，如下代码 <el-form> <el-form-item label="付款码"> <el-input ref="isfocus" :disabled="payType != 1" placehol…

安装插件 npm install vuex-persistedstate -s 配置插件 实例化store时配置vuex-persistedstate插件： 文件：store / index.js import createPersistedState from 'vuex-persistedstate' const store = new Vue…

在学习了vue3一些特性之后，我们可以在项目中简单的使用这些特性。现有项目如何平滑过渡到vue3，方便后期升级到Vue3，对于以前用vue2.x写的项目，我们可以通过引入composition-api，使用vue3中的新特性。 安装 npm install --save @vue/composition-api 全局引入 import Vue fr…