![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
文章平均质量分 69
Lilio1216
just do it
展开
-
vite学习记录
Vite 官方中文文档rollup.js 中文文档vite解决服务器启动缓慢问题:当冷启动开发服务器时,基于打包器的方式启动必须优先抓取并构建你的整个应用,然后才能提供服务。Vite 通过在一开始将应用中的模块区分为 依赖 和 源码 两类,改进了开发服务器启动时间。依赖 大多为在开发时不会变动的纯JavaScript。一些较大的依赖(例如有上百个模块的组件库)处理的代价也很高。依赖也通常会存在多种模块化格式(例如 ESM 或者CommonJS)。Vite 将会使用 esbuild 预构建依原创 2021-09-18 16:20:18 · 111 阅读 · 0 评论 -
Pinia学习记录
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原创 2021-09-16 14:07:07 · 268 阅读 · 0 评论 -
babel学习记录
一、babel相关文件说明babel.config.js 与 .babelrc 区别:全局配置 (babel.config.js) 和局部配置 (.babelrc)babel与polyfill 区别:babel只转换语法, 比如 像箭头函数,babel是能处理成 function这种但是像Array.from promise 这些 新的原生api方法,是需要引入polyfillcore-js@2 与core-js@3区别:core-js 2 封版于 1.5 年之前,所以里面原创 2021-08-20 16:53:10 · 252 阅读 · 0 评论 -
vue3.2版本新特性
Vue 3.2 版本包括许多重要的新功能和性能改进,但并不包含重大更改。Vue 3.2 原文链接主要更新如下:1. 新的单文件组件功能<script setup> 是一种编译时语法糖,可在 SFC 内使用 Composition API 时极大地提升工作效率。<style> v-bind 在 SFC 标签中启用组件状态驱动的动态 CSS 值。<style>起初 vue3.0 暴露变量必须 return 出来,template中才能使用<script原创 2021-08-16 17:27:02 · 12560 阅读 · 4 评论 -
vue2.x 与 vue3.X区别
1、有什么变化?1、代码更小体积只有10k2、界面结构更清晰3、将vue2中 Object.defineProperty 换成了es6的 Proxy代理器,在目标对象前加了层拦截,将原本对对象属性的操作变为对整个对象的操作4、启用 TypeScript 语法,大大的简化了代码2、引入Vue Composition API参考文献 vue3.0ES6composition api...原创 2020-04-08 12:45:17 · 545 阅读 · 0 评论 -
vue3学习整理
Option API 与 Composition APIvue 2.x 使用的是Option API 构建组件。一个组件的功能需要通过methods,computed,watch,data等属性和方法,共同处理页面逻辑。存在多个业务功能共同使用一个实例化new vue()这种构建方式在业务逻辑复杂的大项目中,API比较分散,可能会存在分不清哪个方法对应哪个功能。项目的易读性、可复用性相对较差,耦合性较高。vue 3.x 使用的是Composition API 构建组件。代码是根据逻辑功能来.原创 2020-09-22 16:20:31 · 1395 阅读 · 0 评论 -
vue3与vue2 的v-model差别
v-model 指令在 vue 2.x 和 vue 3.0 存在一些差别:2.x 中 v-model 语法糖底层使用的是 :value 和 emit(‘input’), 绑定属性值是 value3.0 中可以绑定一个自定义值,支持统一组件绑定多个 v-model,v-model:firstName=“firstName”, :value=“firstName” 和 @input="$emit(‘update:firstName’, $event.target.value)"添加自定义修饰符 v-mo转载 2020-09-22 13:47:21 · 1893 阅读 · 0 评论