一、Typescript
1.TypeScript 的由来:
TypeScript 是由微软开发的一款开源的编程语言,TypeScript 是 Javascript 的超集,遵循最新的 ES6、ES5 规范,TypeScript 扩展了 JavaScript 的语法。TypeScript 更像后端 Java、C#这样的面向对象语言,可以让 JavaScript 开发大型企业项目。谷歌也在大力支持 Typescript 的推广,谷歌的 angular2.x+ 就是基于 Typescript 语法,最新的 Vue 、React 也可以集成 TypeScript。Nodejs 框架中的 Nestjs、midway 中用的就是 TypeScript 语法。
2.Typescript的安装:
首先打开命令窗口,输入npm i -g typescript即可进行全局安装。
3.Typescript的优势:
更多的规则和类型限制,让代码预测性更高,可控性更高,易于维护和调试。
对模块、命名空间和面向对象的支持,更容易组织代码开发大型复杂程序。
TypeScript 的编译步骤可以捕获运行之前的错误。
Angular2+ 和 Ionic2+ 默认使用 TypeScript。
二、vue3
Vue3官方提供了 script setup 语法糖
只需在script标签中添加setup,组件只需引入不用注册,属性和方法也不用返回,也不用写setup函数,也不用写export default ,甚至是自定义指令也可以在我们的template中自动获得。
基本用法
若要使用script setup语法,只需在原vue文件中的script标签加入setup属性。
-
<script setup lang="ts">
-
</script>
defineProps 用来接收父组件传来的 props :
import { defineEmits, defineProps} from "vue";
const emit = defineEmits(["change"]);
const props = defineProps({ foo: String });
console.log(props)
const sonClick = () =>{
emit('change' , props.foo)
}
</script>