1、pinia 学习

意义：简单我的项目拆分简略的组件，让团队开发更高效，组件是能够重复使用的模块了解：组件其实就是个小的Vue，具备data，methods，watch，computed组件的定义

本文目录简略介绍vite,搭建vite我的项目。装置vuexVuex根底介绍应用Vuex插件引入1.简略介绍vite,搭建vite我的项目1.1什么是vite?Vite是一种新型前端构建工具，可能显著晋升前端开发体验。它次要由两局部组成：一个开发服务器，它基于 原生 ES 模块 提供了 丰盛的内建性能，如速度快到惊人的 模块热更新（HMR）。一套构建指令，它…

年前做了一个相似于用户画像的我的项目，性能比拟独立，而且可能被很多我的项目作为一个功能模块嵌入，所以很天然的就想到把这个我的项目做成一个组件输入。vue-cli提供库打包模式，所以我每次开发完只须要将打包后的文件拷贝到其余我的项目就能够高兴地应用了。然而随着要援用这个模块的我的项目增多，和这个我的项目本身的开发迭代，这种手动拷…

一、踩坑记录开始时候在网上收罗一大堆的相干帖子，都是通知你怎么用，却不说一些细节要点，导致前面装置应用呈现了一系列的谬误浪费时间。特此记录一下。

Vue3.0退出了watchEffect，刚好我的项目应用到了，很好用，然而发现了一个景象：watchEffect没有触发ref的数组变动，间接上代码。

Vue3 组件通信形式props$emitexpose / ref$attrsv-modelprovide / injectVuexmittVue3 通信应用写法1. props用 props 传数据给子组件有两种办法，如下办法一，混合写法 {代码…} 留神：如果父组件是混合写法，子组件纯 Vue3 写法的话，是接管不到父组件里 data 的属性，只能接管到父组件里 setup 函数里传的属性。如果…

背景我的项目中应用的chrome extension是v2版本的，不反对一些新个性，比方办法的promise化。同时心愿对框架进行整体的降级，以储备踩坑教训性能基于之前的开发痛点，心愿新的我的项目如下框架：包治理：pnpmvue 3typescript打包工具：viteui组件库：element-plusbackground | popup | content | page 4方同时反对：热更新代码复…

咱们都晓得 vue3 重写了响应式代码，应用 Proxy 来劫持数据操作，分离出来了独自的库@vue/reactivity，不限于vue 在任何 js 代码都能够应用

vue3-element-plus-admin是一个基于 vue3, vite2, element-plus, vuex-module-decorators, vue-router-next, typescript 的后盾管理系统