前言：在平常我们实现代码的过程中可能有一块功能能单独成为一个模块包含几个方法或是几个参数。为了有更好的代码组织结构和让程序耦合度更低我们可以尝试的把他组织成一个模块。

在第一版初步实现cnode的基本功能后，本来是用本地存储的存储用户登录成功返回的用户的基本信息，用于后面的回复功能，查看信息等操作需要的用户基本信息的数据。但是总的来说感觉本地储存的方案不太理想（个人想法），所以想引入vuex来存储用户信息，还有一些跨组件的状态和数据。

最近在做的一个聊天消息的功能。有个图片上传的功能，可以通过按钮上传也可以通过Ctrl+V上传。按钮上传的我们可以通过七牛的API就可以做了，我们现在来说说Ctrl+V的实现是怎么样的。

写在文章前：最近把官网的vue文档过了一遍，准备写个项目来巩固下自己对vue的学习。因为cnode网站有开放的api，所以我决定用vue+webpack+es6+sass的技术栈去实现这个网站(单页面的形式)。这篇系列的文章我主要是分享下自己怎么开发还有怎么实现一个个vue组件去构建整个网站。关于webpack配合vue的使用可以关注我的另外一...

最近接到了一个业务需求，让用户能够通过网页聊天框的方式在线完成交易，一个用户可能有多个业务群，其中一个功能就是要@人，@这个功能在现实的应用中经常可以遇到，比如微博、QQ都有@功能，今天我们就以前端的方式谈谈怎么一步步实现一个@功能。

本篇文章主要是我在开发前研究了webpack+vue.js的单页面应用，因为需要用到node的npm，所以确保安装了node，建议官网安装最新的稳定版本。并且在项目中需要加载一些npm包，由于npm的服务器在国外，可能我们下载的过程会比较慢，所以建议用阿里的镜像cnpm安装，10分钟实时更新一次npm的镜像。具体的下载配置参考阿里的cnp...