var_deng的博客

Vite 官方中文文档 rollup.js 中文文档 vite解决服务器启动缓慢问题： 当冷启动开发服务器时，基于打包器的方式启动必须优先抓取并构建你的整个应用，然后才能提供服务。 Vite 通过在一开始将应用中的模块区分为 依赖 和 源码 两类，改进了开发服务器启动时间。 依赖 大多为在开发时不会变动的纯 JavaScript。一些较大的依赖（例如有上百个模块的组件库）处理的代价也很高。依赖也通常会存在多种模块化格式（例如 ESM 或者 CommonJS）。 Vite 将会使用 esbuild 预构建依

Pinia官方文档 1. Pinia 特点简介： Pinia 适用于 Vue 2 和 Vue 3 使用Composition API设计适用于 Vue 的 Store，类似于vue的vuex状态管理库； 也类似于React 的Recoil，但没有那么多的概念和 API，主体非常精简，极易上手（Recoil 是 Facebook 官方出品的用于 React 状态管理库，使用 React Hooks 管理状态） 服务器端渲染支持 2. 基础使用： 创建store: // stores/counter.js

一、babel相关文件说明 babel.config.js 与 .babelrc 区别： 全局配置 (babel.config.js) 和局部配置 (.babelrc) babel与polyfill 区别： babel只转换语法， 比如 像箭头函数，babel是能处理成 function这种 但是像Array.from promise 这些 新的原生api方法，是需要引入polyfill core-js@2 与core-js@3区别： core-js 2 封版于 1.5 年之前，所以里面

Vue 3.2 版本包括许多重要的新功能和性能改进，但并不包含重大更改。 Vue 3.2 原文链接 主要更新如下： 1. 新的单文件组件功能 <script setup> 是一种编译时语法糖，可在 SFC 内使用 Composition API 时极大地提升工作效率。 <style> v-bind 在 SFC 标签中启用组件状态驱动的动态 CSS 值。<style> 起初 vue3.0 暴露变量必须 return 出来，template中才能使用 <script

1、有什么变化? 1、代码更小体积只有10k 2、界面结构更清晰 3、将vue2中 Object.defineProperty 换成了es6的 Proxy代理器，在目标对象前加了层拦截，将原本对对象属性的操作变为对整个对象的操作 4、启用 TypeScript 语法，大大的简化了代码 2、引入Vue Composition API 参考文献 vue3.0 ES6 composition api ...

Option API 与 Composition API vue 2.x 使用的是Option API 构建组件。一个组件的功能需要通过methods，computed，watch，data等属性和方法，共同处理页面逻辑。存在多个业务功能共同使用一个实例化new vue() 这种构建方式在业务逻辑复杂的大项目中，API比较分散，可能会存在分不清哪个方法对应哪个功能。项目的易读性、可复用性相对较差，耦合性较高。 vue 3.x 使用的是Composition API 构建组件。代码是根据逻辑功能来.

v-model 指令在 vue 2.x 和 vue 3.0 存在一些差别： 2.x 中 v-model 语法糖底层使用的是 :value 和 emit(‘input’)， 绑定属性值是 value 3.0 中可以绑定一个自定义值，支持统一组件绑定多个 v-model，v-model:firstName=“firstName”, :value=“firstName” 和 @input="$emit(‘update:firstName’, $event.target.value)" 添加自定义修饰符 v-mo