摘要：
ts语言特征：封装，继承，多态，抽象 1.class的定义 class Person { name: string; constructor(n: string) { this.name = n; } getName():string { return this.name; } setName(na 阅读全文
摘要：
二.ts函数定义 1.函数声明法： funtion a():number{ return 123 } funtion a():string{ return '123' } funtion a():boolean{ return true } funtion a():void{ } funtion a 阅读全文
摘要：
一.ts的数据类型 好处：有利于维护，增加了数据类型校验 布尔类型(boolean) ； var a: boolean= true 数字类型(number) ； var a: number= 1 字符串类型(string) ； var a: string= ‘stying’ 任意类型（any） ； 阅读全文
摘要：
一.安装ts: npm install -g typescript 或是 yarn global add typescript (推荐) 或是 cnpm install -g typescript (推荐) 安装时遇到的小插曲：如果安装时遇到报错，比如 ...The operation was re 阅读全文
摘要：
1. performance: 性能比vue2.x块1.2~2倍; 2. Tree shaking support: 按需编译，体积比vue2.x更小; 3. Composition API: 组合API（类似React Hooks）; 4. Better TypeScript support: 更 阅读全文
摘要：
一.diff算法优化； vue2.X中的dom是进行全量对比渲染（对应的所有dom都对比一遍，增加了对比次数和渲染速度）； vue3.0添加了静态标记（与上次dom节点对比的时候，只对比有静态标记的dom进行渲染） 二.hoistStast 静态提升 vue2.x无论元素是否参与更新，每次都要重新创 阅读全文
摘要：
// 节流 规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。 jieliu() { // 定时器 //1. 当 timeOut = null 说明我们这时候没有事情出发，是等待状态 let timeOut = this.t 阅读全文
摘要：
创建一个 template 组件来说，大多代码在Vue2和Vue3都非常相似。Vue3支持碎片(Fragments)，就是说在组件可以拥有多个根节点。 这种新特性可以减少很多组件之间的div包裹元素。在开发vue的时候，我们会发现每一个组件都会有个div元素包裹着。就会出现很多层多余的div元素。碎 阅读全文
摘要：
本文将带您从零搭建一个基于Vue3.0与vite的Vue3.0开发环境，内容包括： 使用vite初始化Vue3.0项目 配置ts 配置vue-router 配置vuex 使用Vue3.0开发一个TodoList示例 一、使用vite初始化项目 Vite是一个由原生 ESModule驱动的 Web 开 阅读全文
摘要：
提出问题：组件的data数据为什么必须要以函数返回的形式，为什么不是简单的对象形式呢？ 实践过程： 组件是可复用的vue实例，一个组件被创建好之后，就可能被用在各个地方，而组件不管被复用了多少次，组件中的data数据都应该是相互隔离，互不影响的，基于这一理念，组件每复用一次，data数据就应该被复制 阅读全文