TypeScript + vue 新手开发中可能会遇到的问题

vue项目使用TS的时候 会有各种各样的问题 建议打开tslist 更有助于我们熟悉ts

下面来说说在开发过程中可能会遇到的一些问题：

1. 安装了依赖包 编辑器提示有问题 以mock为例
   
   这种情况有两种解决方案, 编辑器也会给出
   1）在shimms-vue.d.ts文件中声明
   

   2）尝试npm install @types/mockjs ， 使用TS时 一般都需要@types/***去安装依赖

2. 父组件ref操作子组件时
   
   错误信息：
   Property ‘visible’ does not exist on type ‘Vue | Element | Vue[] | Element[]’.
   Property ‘visible’ does not exist on type ‘Vue’
   
   分析原因： Property ‘validate’ does not exist on type ‘Vue | Element | Vue[] | Element[]’ 意思是说validate找不到，它不知道是哪个类型的属性，因为我们这里用到了TypeScript，而TypeScript 又是强类型检查所以报了这个错。

   解决方案 这样就不报错了
   

3. This expression is not callable.
   Type ‘Boolean’ has no call signatures.
   
   解决方案
   因为在js中(）可以代表一个函数的调用属性，所以当 this.isNew = true 没有加 ‘;'号时，js会默认后面的（）是“isNew"方法的调用属性。 加上分号就好了