使用VueJS为网站创建可嵌入的聊天窗口小部件

时间:2017-09-24 13:10:49

标签: javascript vue.js vuejs2 vue-component

我正在构建类似于内部通信实时聊天小部件的产品(tawto,漂移,清脆等)。基本上,它将做的是向用户网站添加一个小部件,然后呈现一个聊天框(简单来说)。我打算在整个项目中使用VueJS。

所以这是我的想法。

我们为用户提供了一个可嵌入的js代码段。它会做的是在身体上添加一个div =“app”(或类似的东西)。然后相同的脚本将注入VueJS编译的代码。还会添加一些外部脚本,如socket io,一些CSS库等。

以下是我的担忧:

1)我应该使用CDN vue.min.js或带编译代码的CLI构建项目吗? (我对CLI很满意)

2)我需要从用户网站中隔离我的CSS库,这可能与VueJS中的“范围”风格一致吗?

3)如果我使用CLI版本,它是否可以在子域,内页和链接中使用?与完整的网站不同,我将使用VueJS在网站上创建小部件

3)如果我使用CLI版本,它是否可以在子域,内页和链接中使用?与完整的网站不同,我将使用VueJS在网站上创建小部件

1 个答案:

答案 0 :(得分:2)

我之前使用vuejs来创建小部件,所以这是你的答案:

  1. 您应该构建一个普通项目,导入vue并将所有代码编译为1个文件。