### 挂载Vue Prototype使用全局变量方法
需要做[模块补充](https://cn.vuejs.org/v2/guide/typescript.html?)
```js
// 定义全局变量
declare module 'vue/types/vue' {
interface Vue {
service: any
//service 是自定义的服务接口,挂载在Vue.prototype上
}
}
```
类似的,我们在使用vue-router,element-ui中的$message,$model时,同样需要增强类型。
```
declare module 'vue/types/vue' {
interface Vue {
$Message: any,
$Modal: any
}
}
```
### 使用element-ui中validate进行表单校验
原先写法
```js
this.$refs.form.validate(valid=>{
if(valid){
// pass
}
})
```
在typescript中采用如上的写法,则抛出:
```js
Property 'validate' does not exist on type 'Vue'.
```
原因是未对`this.$refs.form`做类型声明:
```js
const el: any = this.$refs.form
el.validate((valid: Boolean) => {
if (valid) {
}
})
```
- 前端
- C1-Javascript
- H5图片分块和断点续传
- JavascriptPatterns[Stoyanstefanov]
- macotask和microtask
- 前端代码生成器
- 跨域
- 页面回到顶部滚动按钮实现
- C2-CSS
- 浏览器的一些单位
- 盒模型
- 移动端判断横竖屏
- C3-框架
- ReactNative
- 开发环境搭建(安卓篇)
- Vue
- vue+pdfjs使用
- vue+typescript使用实践
- vue+webpack3.x集成typescript
- Vue源码3
- vue源码分析1
- vue源码分析2
- vue笔记
- C4-工具
- git
- Gitlab-CICD
- mock规则
- vscode-settings
- webpack自定义命令,切换代理地址
- 正则表达式
- 深入浅出webpack
- C5-Node
- express
- express源码阅读
- nightmare使用指南
- 爬虫1.0
- C6-微信
- 微信
- C7-Canvas
- 基础API
- 前端随笔笔记
- 后端
- C1-Java
- shiro
- C2-Linux
- ffmpeg
- ITerm
- Linux
- MongoDB安装
- MySql安装
- Ngnix反向代理
- 常见错误
- 备忘
- mac
- 备忘-Work
- 备忘Link
- 服务器资源
- 教程
- Hexo个人博客搭建笔录
- 文档
- CSS编码规范
- 前端编码规范
- 随笔
- 整理
- 正则
- 链接收藏
- 面试
- CodeWars题库
- CodeWars题库(二)
- Java社招面试题
- Java面试
- Web面试
- 前端笔试题
- 笔试题