Vue 2.0 开发聊天程序（二）真正的开始

摘要：借我杀死庸碌的情怀，借我纵容的悲怆与哭喊谢知非上一节已经把架子搭好了，接下来就要开始真正的使用进行开发了。一启动原理打开我们的目录，能看到这样的结构很简单有木有，存放资源。一个字符串模板作为实例的标识使用。模板将会替换挂载的元素。

借我杀死庸碌的情怀，借我纵容的悲怆与哭喊
　　　　　　　　　　　　　　　　　　　- 谢知非

上一节已经把架子搭好了，接下来就要开始真正的使用vue2.0进行开发了。废话不多说，先捞到几句(^__^) 。

既然是SPA项目，先把路由搞定

既然是基于组件的开发，那组件怎么写，组件之间的通信是个大问题

肯定有一个主对象，来控制全局的公共参数、方法

websocket要怎么和vue完美结合

我没有服务器，后端怎么办？

以上是我罗列出来的关键，接下来的开发都是基于这些观点的。

打开我们的src目录，能看到这样的结构：

很简单有木有，assets存放资源。components存放组件，也就是说我们的.vue文件就存放在这里，App.vue是我们挂载的组件，main.js是入口文件。

.vue 文件是什么？

不得不说，.vue文件真的很像一个小盒子，它把一个组件的html，css，js都存放到了一起，就像一副扑克，非常的完整，拆开就能打斗地主，多拿两幅扑克可以玩升级，虽然我不玩。
App.vue