vue cli 引进插件

vue和JS 插件这两个支持复杂场景的，我们都知道react更纯粹，Vue做的更多的是包装，所以大部分难点都集中在组件引用的过程中vuereact的组件。请参考，因为reacthooks的命名规范是从使用开始的，因此，所有使用开始时的方法都改为apply开始，使用开始时的旧方法仍然有效，react组件中使用了vue组件，如果要使用vue的sync修饰，则vue的组件用于react组件。将命名槽和作用域槽传递给vue components，并绑定自定义事件，以及vmodel应用react本身不支持vmodel，所以不需要通过model的值和setter动态引用vue components，与vue类似，与react不同，vue具有组件全局注册的功能，因此无需单独介绍每个组件，vue的全局组件的id作为参数传递到applyVueInReact中，或者该id作为组件属性的值传递到VueContainer中，示例:在react中使用全局。

插件 mode是一种应用非常广泛的模式。我们使用的很多软件都有自己的插件机制，可以通过插件扩展软件的功能。此外，插件 mode也在web中广泛使用。如Webpack、VueCLI、UMI、Babel等。那么插件系统是如何实现的呢？如上图所示，-0/ application的流程很简单:第三步，调用插件和插件会给主应用或者状态库添加一系列属性和钩子。

关键在于插件的形式和插件接口的设计。插件形式多样，不同的应用有不同的设计。比如Webpack 插件是一个对象，必须公开一个apply方法；UMI和维科利的插件是函数的形式。毫无疑问，每个插件系统都提供了一个固定的插件 API供开发者使用，而插件API的设计也是一个重点。现在，我们可以按照上面的流程，用插件 system实现一个简单的Demo。

VueCLI提供了完美的工程解决方案。我们可以根据VueCLI的预置自定义自己的项目。由于部署系统不同，团队习惯不同，我们需要对VUECLI提供的默认方案做一些修改。这些修改可以通过预置保存，方便后续相同配置的项目。vue创建预置的位置可以通过预置来指定。

比如gitlab等。自定义预置后，可以通过vuecreatepresetmypresetadresprojectxxx一键创建项目。vuepreset主要包括preset.json(必选)。有三个文件generator.jsprompts.js，其中preset.json是必需的。这包括VUECLI 插件的列表和相应的配置。例如，generator.js用于在新项目中创建文件和修改原因文件。