vue引入WPS插件到浏览器页面中

要在Vue应用程序中引入WPS插件到浏览器页面中，可以按照以下步骤进行操作：

1. 在Vue项目中安装wps插件的npm包，可以使用命令：`npm install wps-office-web`。

2. 在Vue组件中引入WPS插件的js文件。可以使用命令：`import * as wps from 'wps-office-web'`。

3. 在Vue组件的mounted钩子函数中，使用wps.createWpsEditContainer()方法创建一个包含WPS编辑器的容器。例如：

mounted () {
    const container = wps.createWpsEditContainer()
    document.getElementById('wps-container').appendChild(container)
}

这里的wps-container是一个在Vue组件模板中定义的元素，用于容纳WPS插件的容器。

4. 在Vue组件的beforeDestroy钩子函数中，使用wps.destroyWpsEditContainer()方法销毁WPS编辑器容器。例如：

beforeDestroy () {
    wps.destroyWpsEditContainer()
}

这样就可以在Vue应用程序中引入WPS插件到浏览器页面中了。