vue3
文章平均质量分 80
wytraining
平平无奇的前端搬砖小能手~
展开
-
一:Vue3.0的优化
一:编译优化vue2.xvue2.x 的数据更新并触发重新渲染的粒度是组件级的,虽然 vue 能保证触发更新的组件的最小化,但仍需要遍历该组件的整个 vnode 树(即使只有一个动态节点),所以很多diff和遍历其实是不需要的,这就导致 vnode 的性能跟模板大小正相关,跟动态节点的数量无关。 (当组件中只有少量动态节点时,这些遍历都是性能的浪费)vue3.x通过编译阶段对静态模板的分析,编译生成了 Block tree。 Block tree 是一个将模板基于动态节点指令切割的嵌套区块,每个区块原创 2021-05-06 11:33:55 · 251 阅读 · 1 评论 -
Vue3.x——基础部分
2021.4.8Vue是一套用于构建用户界面的渐进式框架,目前最新版本是Vue3.x。1.通过vue-cli创建项目1.安装yarnnpm i -g yarn 2.安装脚手架// 安装脚手架npm install -g @vue/cli// 查看脚手架版本vue -V3.新建项目:通过vue-cli创建项目// 创建vue create demo// 运行yarn serve (npm run serve)2.通过Vite创建项目1.使用npm创建npm ini原创 2021-04-09 00:04:23 · 142 阅读 · 0 评论 -
Vue3.x——新特性
p18(2021.4.14 周三)1.Composition API简介Composition API 也叫组合式API,是vue3.x的新特性。没有Composition API之前vue相关业务的代码需要配置到option的特定区域(data、methods、computed……),中心型项目是没有问题的,但是在大型项目中会导致后期的维护性比较复杂,同时代码的复用性不高。Vue3.x中的Composition API就是为了解决这个问题而生的。2.Composition API提供了原创 2021-04-14 00:16:20 · 145 阅读 · 0 评论 -
Vue3.x——配置项目
p21(2021.4.18 周日1)1.在vue3.x中安装tsnpm install -g @vue/clivue create vue3-ts-demovue add typescriptnpm install -D sass-loader node-sass2.defineComponent要让typescript正确推断Vue组件选项中的类型,需要使用 defineComponent 全局定义组件<script lang="ts">import { defin原创 2021-04-18 18:45:04 · 415 阅读 · 0 评论