如果已安装旧版本，需要先npm uninstall vue-cli -g 卸载掉旧版本。 注：项目名称不能驼峰命名。 如果选择 y 会让输入名称，以便下次直接使用，否则直接开始初始化项目。 这样的好处是方便管理、后期维护，还可以和后端的微服务对应，建立多文件存放不同模块的api…

坐标计算只需要一些 api，本文使用 d3。 数据绑定既可以借助 d3，也可以使用 vue。d3 通过操作 dom 实现，有点像 jQuery，d3 针对数据和 dom 的状态提出了三个概念：Update、Enter、Exit，感兴趣的可以看官网。本文使用 vue 做数据绑定 …

回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的…

1. 动态属性名：可使用表达式来设置动态属性名或方法名： 2. computed/methods/watch computed可缓存，但不可传参，会根据data中的属性变化而变化，即是根据响应式依赖来变化，而Date不是响应式依赖，即不会变化；method则每次都会进行计算，但…

在项目如何使用vuex呢？以前我都是非模块化去写的，可能大家和我一样也是这么去写，但是回过头去看看vue的文档，发现模块化去使用vuex更好，vue是单页面应用，其实只有一个页面，那么首页也好列表页也好，那都相当于这一个页面的一个模块，也可以把它理解为是一个一个的组件，毕竟组件…

聊聊基于webpack脚手架开发一个Vue移动端UI组件库的经验与思考

开始使用 Vuex，把状态拿到应用外部管理，Vuex管这个管理状态的玩意叫 Store，一个完全独立的应用，他只负责状态管理。尝试把 Vuex 应用和 Vue 应用划清界限， 所谓状态管理，无非就是定义状态，修改状态。 在 Vuex 里定义状态，我们需要 new 一个 Stor…

在使用vue + vue-router开发SPA的时候，有没有遇到过这样的情况：当我们在列表页和详情页之间切换的时候，如果列表页不做缓存，会导致每次从详情页返回时，列表页都会重新加载。如下图： 细心的朋友已经发现了，当从详情页返回列表页的时候，列表页重载了，这样的体验显然不好，…

在开发一个 ui 组件库时，肯定需要一边预览 demo，一边修改代码。 常见的解决方案是像开发一般项目一样使用 webpack-dev-server 预览组件，比如通过 vue-cli 初始化项目，或者自己配置脚本。 文艺一点儿地可能会用到 parcel 来简化 demo 的开…