Vue3 开发WordPress设置选项

开发 WordPress 的设置功能时，只需要几个简单的设置选项，用原生Setting API太麻烦，用设置框架又太重，也许这个对前端友好的不轻不重的方法会适合你。

本节重点：在 WordPress 中将 PHP 准备好的数据传给 JS 文件，并在 JS 中将传来的值打印浏览器控制台中

本节中，我们实现了两个输入框进行获取和修改选项，并通过保存按钮将选项的值保存进 WordPress 中。本节代码较多，但注释详细，做好准备咯

本节从WordPress 中拿到用户列表数据，并通过Vue3渲染在页面上，我们还修改了保存选项的接口，以便保存数组类型的数据

本节实现了从本地上传图片至WordPress媒体库和从媒体库中选择图片的功能，并进一步探究了后续文章发展节奏

本节使用 Vite 对之前的 JS 资源进行了打包处理，提升了运行效率，降低了资源开销，直观的降低了页面卡顿感。基于现代化的 Node生态，还可以做出各种功能，例如数据校验，展示图标等无限可能。

本节解决了数据量过大时的结构化传值问题，以及给出了简单的数据校验例子，通过本系列教程，相信您已经可以开发自己的设置选项了。

简化存值方法，优化赋值逻辑，进一步降低开发中的心智负担，并给出了详细的示例代码和开源的实战运用项目供各位参考。