如何编写一个vue插件 谷歌浏览器如何添加vue插件?

编写插件

编写Vue插件其实很简单，一个插件其实就是一个对象，或者是一个函数，如果是对象的话，那么就会调用对象里的 install 方法，如果是函数就会调用这个函数。无论是调用对象的 install 方法还是调用函数的方式，它们都会收到两个参数：1是由 Vue 的 createApp 生成的 app 对象，2是用户传入的参数。

下面我们从最简单的一个i18n功能开始。

一般我们都会把插件放在plugins文件夹下，这样易于维护和管理

我们创建一个i18n.js文件

函数接收一个key字符串，我们将使用它在用户提供的参数对象中查找转换后的字符串。

假设用户使用插件时，将在 options 参数中传递一个包含翻译后的键的对象。我们的 $translate 函数将使用诸如 greetings.hello 之类的字符串，这样查找到的值将会为 Bonjour!。

我们还可以使用inject来提供功能或者属性，比如，我们可以允许应用程序访问 options 参数以能够使用在安装插件时传入的参数对象。

现在我们就可以使用 inject[i18n] 注入到一些页面或者组件中来访问该对象。

因为，Vue给我提供了app对象作为插件的第一个参数，所以插件可以使用所有其他功能，例如使用 mixin 和 directive。要了解有关 createApp 和应用程序实例的更多信息，请查看 Application API 文档。

谷歌浏览器添加vue插件的方法

1、首先打开谷歌浏览器，在右上角找到“三个点”主菜单按钮并点击，在出现的列表中点击“更多工具”选项，在出现的第二个小列表中选择“扩展程序”并点击进入。

2、在扩展程序窗口中，将右上角“开发者模式”勾选上。

3、用github全网搜索“ IMI-SOURCE-CODE ”项目，然后在搜索列表中找到“ 20190411153543chromecj.com.crx”文件夹并下载。

4、将下载好的下载好的文件夹，拖入谷歌浏览器中。

5、最后敲击f12按键，打开调试工具，就可以看见上方有Vue选项啦。