最近在升级项目,用到了TypeScript,简单总结一下JS转TS,尤其是在vue中的使用方式。 基础语法 对于TS的基础语法,这里就不多介绍了,看官网即可,毕竟巨硬的文档可以秒杀一众系列丛书。 放个链接: TypeScript文档 Typ…
VSCode 中 Vue 的 Template 高亮提示
今天突然发现 template 块中的提示和高亮都没有了。之前也没在意,就百度了一下,结果根本没有一个管用的。 解决方案 前提是:需要安装 Vetur 插件,就是这个货: 我挨个看了一下 Vetur 的配置,还是自己动手找比较靠谱。 在 文…
axios的二次封装
之前项目是用到了axios,它本身是对ajax的二次封装。不过我们在使用的时候经常是对axios再进行二次封装,从而达到我们需要的效果。现在把代码整理了一下,贴上来。 首先,安装axios: npm install axios 还有一个qs…
npm查看全局安装的包
今天创建新项目,发现创建不了,于是想着查看一下npm的包,发现没安装vue。。。然后才想起来前几天重新装的电脑,因为之前的项目中已经有了所有包,所以一直用着没有问题。。。 命令行查看包命令: npm list -g 可以查看所有全局安装的包…
Vuex之Getters详解
作为Vue的状态管理工具,Vuex的使用率相当之高。Vuex具有4个属性,state,getters,actions,和mutations。 今天来讨论一下getters。它相当于vue的computed计算属性。每当state中的值变化时…
JS/Vue动态获取浏览器高度
动态获取浏览器大小,可以动态调整页面布局,让页面更加灵活。 JS获取浏览器高度: var width=document.documentElement.clientWidth; var height=document.documentEle…
vuex模块化详解
vuex为我们提供了状态管理的解决方案,其最基本的结构如下: 在main.js层级下创建一个store.js文件,写入: 然后导入main.js并注册: 这样,最基本的vuex就可以使用了。 随着actions和mutations中的方法越…