vue即时聊天插件

VueDevtools作为一款专门为Vue开发设计的浏览器插件可以帮助开发者实时跟踪Vue应用的状态和数据流，快速定位和调试Vue组件的问题。开发者工具哪一节还在硅谷vue硅谷的Vue开发者工具所在的章节是Vue Progress的第二章，主要介绍Vue的开发调试工具，包括Chrome浏览器的VueDevtools和Vue 插件。

github地址同步更新:看了一位师兄写的《Vue Gin(go)前后分离总结》，有了自己做的想法，准备结合最近找工作的闲暇，自己写一个商城源码。首先，我们来实现前端部分。第一步是构建Vue框架。第一次接触Vue，看了半天多的文档才大致了解。不要多想前端的实现，先考虑前后台的沟通。使用vuecli在Helloworld中构建新的框架并创建新的模板页面。vue.

然后我也按照他的想法安装了一个axios 插件，写了一个Get请求和后台沟通。其次，再搭建后台框架。兄弟说是用Gin框架搭建，用cors中间件解决跨域访问问题。我们先搭建一个简单的框架。Main.gorouter.goFPList.go在浏览器中输入localhost:8081/FPList，可以看到刚才自己定义的Json字符串，知道后台是成功的。

这个功能不好描述。大概和通讯录一样吧。它按名称分组，右边有一个字母列表，您可以从中选择。(映射一目了然)使用Vue实现，需要在这里安装a 插件betterscroll，安装导入过程可以去上面链接的github，按要求完成。静态布局部分要自己写，这里就不说了。我这里写的是城市选择列表，但是功能和通讯录一样。首先，axios被引入到city父组件中，引入它是为了发起ajax请求。

然后用方法写请求函数的具体执行函数，handleGetCityInfoSucc就是成功接收的回调函数。这里的操作是首先打印出返回的结果。接下来，转到数据部分创建两个变量，一个是对象，另一个是数组，默认情况下两个变量都是空的。然后将返回的结果分配给它们。下一步是父组件将值传递给子组件。

硅谷的Vue开发者工具所在的章节是Vue Progress的第二章，主要介绍Vue的开发和调试工具，包括Chrome浏览器的VueDevtools和Vue 插件。这一章的内容对于Vue开发者来说非常重要，因为它可以帮助开发者更高效地开发和调试Vue项目。VueDevtools作为一款专门为Vue开发设计的浏览器插件可以帮助开发者实时跟踪Vue应用的状态和数据流，快速定位和调试Vue组件的问题。