没有翅膀的我们，只是随便认为不能飞而已

最近比较懒哎 大秦赋 大秦帝国 太好看了彩 彩 彩本文，日常白嫖大佬的文章，分享出来。一、TypeScript 是什么 TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 TypeScript 提供最新的和不断发展的 JavaScript 特性，包括那些来自 2015 年的 ECMAScript 和未来的提案中的特性，比如异步功能和 Decorators，以帮助建立健壮的组件。

mixin混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。会把data / created / methods … 合并创建一个mixin的文件myMixin.tsimport { Component, Vue } from 'vue-proper...

全局路由可以正常使用。这里说明的是组件内路由钩子main.jsimport router from './router';import { Component } from 'vue-property-decorator';Component.registerHooks([ 'beforeRouteEnter', 'beforeRouteLeave', 'beforeRout...

接着上文 Vue -Ts入门 (二)本人也是第一次写，所以若有所出处，欢迎指正。准备工作按照个人项目实际情况npm i vuex -Snpm i vuex-class -S文件夹目录main.tsimport Vue from "vue";import Test1 from "./views/Test1.vue";+ import store from "./sto...

本文章，是个人第一次尝试利用vue-cli3(事实更新vue-cli4)，从头开始，加入typeScript。如果有出处，欢迎指正。共同成长。本文是做vue+ts;不会对原vue做过多的说明，如果有问题，欢迎私聊探讨。TypeScript 官网链接创建项目vue create vue-ts其他你自己按需求吧。shims-vue.d.ts毕竟 ts 默认只识别 .d.ts、.t...

使用枚举我们可以定义一些带名字的常量。 使用枚举可以清晰地表达意图或创建一组有区别的用例。 TypeScript支持数字的和基于字符串的枚举。// 数字枚举enum Status { Uploading, Success, Failed}console.log(Status)/** * 0: "Uploading"1: "Success"2: "Failed...

class Point { // 要加修饰符 public x: number public y: number constructor(x: number, y: number) { this.x = x this.y = y } public getPosition(){ return `${this....

// 需要一种方法使返回值的类型与传入参数的类型是相同的。使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据。/** * 简单使用 */const getArray = ( value: any, times: number = 5) => { return new Array(times).fill(value)} // console.log(getAr...

/** * 一般形式 */// function add1(arg1: number, arg2: number): number {// return arg1 + arg2;// }const add1 = (arg1: number, arg2: number) => arg1 + arg2let add2: (x: number, y: number) =&...

npm install -g tslint tslint --init生成 tslint.json// 不需要的就设置成false{ // "linterOptions": { "exclude": [ "./**/arrow-parens.ts" ]}, "rules": { "no-consecutive-blank-lines": true, ...

/** * ES6 symbol 独一无二的值 两个Symbol值判断 false */ const s1 = Symbol() console.log(s1) //Symbol() const s2 = Symbol('yp') //yp 全局symbol的标识 console.log(s2) // Symbol(yp) // symbol 不能做运算 const...

/** * 布尔类型 */let is_show:boolean = false;let is_text:boolean;is_text = false;// is_text =123const is_t = false; //声明并赋值// const is_t; // is_t = false;/** * 数字类型 */let num:number = 123...

npm初始化项目使用全局安装部分依赖使用tsc初始化配置配置webpack添加开发和打包命令项目结构常用指令（按步骤顺序）一、新建文件夹二、npm init (npm init -y)三、npm install typescript tslint -g(ts、代码风格审查) npm install typescript四、tsc --init (t...