分类： 前端技术

• NodeJs下载获取npm包管理工具
• npm安装 vue-cli脚手架
• 系统配置vue-cli的全局变量
• vue-cli脚手架提供的命令创建Vue2 （Babel + VueX + VueRouter（history mode））项目
• npm install脚手架指令安装vant
• vue项目在依赖中导入和使用（记得同时导入vant css）
• 官方文档：https://vant-ui.github.io/vant/v2/#/zh-CN/form（v2版本）

断言与非空断言与可选链

[collapse title="断言"]主动声明变量位某一类型，可用于强制转化数据类型[/collapse]

[collapse title="非空断言"]主动声明某一变量为非空，防止编辑报错，但无法解决实际逻辑问题

此处声明ID为非空变量避免传入unknown导致的bao'c[block]

printID(ID?:string){
  console.log(ID!.longth)
}
printID()

[/block][/collapse]

[collapse title="可选链式调用"]顾名思义在链式调用时通过？标注可能存在的属性，最底层可以忽略可选类型的存在与否，而直接调用，比如此处的type[block]

type person = {
  name:
  friend?:{
    name:
    hobby:{
      type?：
    }
  }
}
const printmsg(human:person){
  console.log(human.frind?.hobby.type)
}

[/block][/collapse]

[collapse title="？？和！！"]！！用于转化非Boolean类型为Boolean，？？用于设置默认值[block]
[/block]

[/collapse]

[collapse title="字面变量"]不给变量标志类型，时赋的值就是变量的类型，且必须和所赋值相同（意味着如果是字面量赋值，你是不可以随意更改的）字面量类型是多个组合起来，形成特地的可选输入功能，所以输入时，输入的变量要和要求的字面量一致，（如果不一致操他妈，汉字屌用没有太不精确了！）但是默认推断不会是字面量，所以要么精确设置变量类型要么就缩写变量类型。

[/collapse]

[collapse title="函数类型"]函数也是变量也有类型，无参的函数基本类型是()=>{}（括号中形参不可省略，否则会认为是any类型）[/collapse]

[collapse title="可选参数，默认参数，剩余参数"]可选参数，必须放在最后，且必须输入undefine,默认参数最好放最后，必须输入unknown，剩余参数前面加...老表示可以传入任意多个数，必须放最后[/collapse]

• 38.1函数重载：对于联合类型 ID：string | number 在对此类变量进行加减操作的函数，需要类型缩小和类型判断过于麻烦，所以函数重载，先多次定义函数的输入的具体变量类型，string和string，number和number，然后再二次定义函数，不过此时放宽对变量类型的要求，就实现了和联合类型一样的效果，并且函数内部会自动根据输入进行运算，避免无法提前推断变量具体类型导致的错误。