尽管 Vue 框架和作者尤雨溪自己早已是研发行业，尤其是前端开发畛域人尽皆知的存在，然而本文正式开始之前，还是要做一个简略的介绍，来关照一下不太理解的读者。
Vue 框架，是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为能够自底向上逐层利用。Vue 的外围库只关注视图层，不仅易于上手，还便于与第三方库或既有我的项目整合。另一方面，当与现代化的工具链以及各种反对类库联合应用时，Vue 也齐全可能为简单的单页利用提供驱动。——摘自 Vue 官方网站
如果没有技术背景也没关系，咱们来艰深地解释一下：
一般来说，我的项目研发分为前端和后端，如果以某个网页为例来解释，你能够简略了解为：后端研发负责“怎么让网页失常运行”，而前端研发负责“怎么让网页运行起来更好看”。
但这个时候，问题呈现了：想让网页难看有无数种计划，前端研发人员不管用哪种计划，都得从零开始一点一点地搭建，费时费力。
于是相似 Vue 这样的前端框架就诞生了，它间接通知所有前端研发人员：不必花工夫想这个问题了，我给你搭好了一个框架，你只须要把你感觉难看的元素放进去就行了（即：模块化）。
这样一来，不仅晋升了研发的效率，还升高了老本，两全其美，十分完满~
好了，解释完 Vue 的用处，咱们就该回到明天的正题了： 如何将 Vue 接入在线客服？
首先，在线客服的 JS 插件代码个别放在 index 入口页，能够参考下图：
接入胜利后，出现的成果，如下图右下角红框所示（这里用美洽官网来举例）：
是不是灰常简略？
然而先别着急，因为实在环境下的需要是简单的。
比方：如果想在某些页面暗藏征询入口（或按钮），或者在特定的页面用特定的形式展现征询按钮，该如何能力实现？
能够通过调用_MEIQIA(‘withoutBtn’); 办法（下图）实现暗藏入口（或按钮）吗？
事实上，这种形式实时调用是没有成果的，一旦暗藏就会将所有页面的征询入口（或按钮）全副暗藏。
咱们倡议：比拟好的做法是自定义按钮，在须要征询按钮的页面调用美洽_MEIQIA(‘showPanel’); 办法关上聊天窗口。
有些技术人员依照这样的形式做了，比方：在 Vue 模板里间接调用
然而却发现：
这样的办法是无奈实现的。起因是 Vue 并不反对这样间接调用，会报错。
正确的办法应该是调用 window._MEIQIA(‘showPanel’); 如下图所示：
这样就会在指定页面中，点击自定义按钮的状况下，弹出对话窗口，而其余页面不显示征询入口或按钮，如下图所示：
————————————————
版权申明：本文为 CSDN 博主「美洽技术」的原创文章，遵循 CC 4.0 BY-SA 版权协定，转载请附上原文出处链接及本申明。
原文链接：https://blog.csdn.net/meiqia8…