最近，我准备用Typescript编写一些东西，但是有关Typescript的事情只看到了一些理论。最近的练习是去年。那时，我正在Ctrip实习。该公司使用Typescript。此后，我还写了大型和小型项目或演示，并使用了JavaScript。最近，已经对论文进行了审查，并且时间已经有很多时间，所以我要练习打字稿和SCSS。实施的效果也很简单
该代码放置在Gitee上，仓库地址为TS-DEMO：VUE2+TYSPRICT+SCSS入门级手工制作的项目（Gitee.com）。有兴趣的挖掘朋友可以查看源代码。
想法的总体实施相对简单，只有一页，包括三个部分，搜索框，受欢迎的城市和天气预报。组件库使用elementui。
搜索框
请勿在此处编写@component，它将导致组件中的数据和处理方法不负责。当我第一次写它时，我根本没有意识到这个问题。单击页面中的输入框EL输入组件。逻辑或元素有一个问题，但是稍后我在知道它是 @component.Searchbox子类需要将其数据传递到天气组件之前检查了信息。两个组成部分是兄弟。如果您进行交流，则可以使用parent component home component.in ts，组件之间的数据传输是通过@emit，sub -components发送的，而父组件通过函数接受，而父组件与子组件进行通信，通过@prop。
主页
对此无话可说，主要是因为SCS的某些尝试，例如@mixin
天气
这是整个演示的核心。它负责从其他组件中接收数据，发送请求并获取天气数据。
让我们谈谈其他组件传输数据。父亲 - 森组成的交流如上所述。通过@Prop，此处使用@Watch检测数据更改。当数据到来时，它将通过Axios发送请求以获取天气数据。在这里，发送网络请求的一部分被封装。
同时，界面是根据接口的返回数据编写的。为了显示数据（同时，要根据不同的返回状态提示不同的消息），IWEATHERTER FINTEFACE IWEATHER主要用于抽象天气数据。iFiveWeather用于抽象接口返回表单（接口接口接口（此处未显示界面Interfacethe代码）
getweather.ts
Sass最成熟，稳定和强大的CSS扩展语言|Sass中国网站
打字稿条目输入教程（xcatliu.com）
元素-Website快速成型工具
如何使用打字稿语法博客公园
页面参考地址：简单天气预报接口
原始：https：//juejin.cn/post/7100084802010742797