虽然Vue框架和作者游雨溪本人在研发界，尤其是前端开发领域已经小有名气，但是在本文正式开始之前，还是想简单介绍一下照顾那些不太了解它的人。读者。Vue框架是一个用于构建用户界面的渐进式框架。与其他大型框架不同，Vue被设计为自下而上逐层应用。Vue的核心库只专注于视图层，不仅易于使用，而且易于与第三方库或现有项目集成。另一方面，当与现代工具链和各种支持库相结合时，Vue也完全有能力为复杂的单页应用程序提供支持。——摘自Vue官网没有技术背景也没关系。简单解释一下：一般来说，项目开发分为前端和后端。如果以某个网页为例，可以简单理解为：端研发负责“如何让网页正常运行”，而前端研发负责“如何让网页正常运行”。网页运行得更好”。但是这时候，一个问题就出现了：让网页好看的方法有无数种。前端开发者无论采用哪种方式，都必须从头开始一点一点搭建，费时费力。于是诞生了Vue这样的前端框架，直接告诉所有前端开发者：这个问题你别花时间去想，我已经给你搭建了一个框架，你只要把你觉得好看的元素放进去就行了它（即：模块化）。这样一来，既提高了研发效率，又降低了成本。一石二鸟简直完美~好了，说完Vue的用途，我们应该回到今天的话题：Vue如何接入在线客服？首先，在线客服的JS插件代码一般放在索引入口页面，可以参考下图：接入成功后呈现的效果如右下红框所示下图一角（这里以美茶官网为例）：灰色是不是很简单？不过不用担心，因为真实环境中的需求是复杂的。例如：想在某些页面隐藏咨询入口（或按钮），或者在特定页面以特定方式显示咨询按钮，如何实现？可以通过调用_MEIQIA('withoutBtn');隐藏入口（或按钮）吗？方法（下）？实际上，这种方式的实时调用是没有效果的，而且一旦隐藏，所有页面的所有咨询入口（或按钮）都会被隐藏。我们建议：更好的方法是自定义按钮，调用MEIQIA_MEIQIA('showPanel');方法在需要咨询按钮的页面打开聊天窗口。有技术人员是这样操作的，比如：直接在Vue模板中调用，但是发现这样的方法是行不通的。原因是Vue不支持这样直接调用，会报错。正确的方法应该是调用window._MEIQIA('showPanel');如下图：这样，在指定页面中，点击自定义按钮时，会弹出对话框，而其他页面则不会显示咨询入口或按钮。如下图所示：————————————————版权声明：本文为CSDN博主“美洽科技”原创文章，遵循CC4.0BY-SA版权协议，请附上原文及本声明出处链接。
