Vue3 模版介绍

Vue3 - Vite - TypeScript

Vite ：下一代前端开发与构建工具

基于原生 ES-Module 的前端构建工具
ES-Module 代码模块化的语言规范

• 快速冷启动
• 即使的模块热更新
• 按需编译

TypeScript：JavaScript的一个超集

TS入门教程

面向对象设计和编程遵循的几个原则：

SOLID原则：

1. SRP(Single Responsibility Principle) 单一职责原则；
2. OCP(Open Closed Principle) 开/闭原则；
3. LSP(Liskov Substitution Principle) 里氏替换原则；
4. ISP(Interface Segregation Principle) 接口分离原则；
5. DIP(Dependency Inversion Principle) 依赖反转原则。

接口（Interfaces）

面向对象语言中，接口是一个很重要的概念，它是对行为的抽象，而具体如何行动需要由类（classes）去实现（implement）。
TypeScript 中的接口是一个非常灵活的概念，除了可用于对类的一部分行为进行抽象以外，也常用于对「对象的形状（Shape）」进行描述。

接口定义的变量比接口少一些属性是不被允许的，当然， 多一些也是不允许的：

interface People {
   
	name: string,
	age: number
}
const tu: People = {
    
	name: 'tu'
}
// error 属性缺失 age
const ding: People = {
   
	name: 'ding',
	age: 24,
	sex: 'girl'
}
// error 属性溢出 sex

可选属性及只读属性

可选属性： 可存在 可不存在
只读属性： 只读

interface People {
   
	name?: string,
	readonly age: number
}

任意属性

interface People