免编译VUE

介绍

免编译指的是在不编译的情况下，直接远程加载vue页面实现vue页面的运行。

说明

免编译功能借助了第三方库：vue3-sfc-loader，github跳转

具体的用法可以参考网上资料

在saiadmin内部，我们已经将整个功能集成在了 views/remote 目录下

index.vue, 该页面的作用是获取当前访问的URL，通过解析URL，获取到对应的vue文件地址，

然后通过vue3-sfc-loader加载对应的vue文件，并渲染到页面上。

在saiadmin框架中，我只是简单的理解并进行运用，如果对这方面比较感兴趣的话，可以自行研究。

使用步骤

1、在服务上创建一个index.vue文件，假设我们是saicms下使用，我们将文件放在plugin/saicms/remote/article目录下

2、创建vue文件的访问路由，封装的方法已经集成在function.php里面

/**
 * 注册远程vue文件读取路由
 * @param string $plugin 插件名称
 * @param string $path 内部文件路径
 * @param bool $is_group 是否在分组路由内部
 * @return void
 */
function remoteVue(string $plugin, string $path, bool $is_group = true)

那么我们定义就是：remoteVue('saicms', '/article/index', false);

3、添加菜单文章管理，菜单的视图组件一定要选择remote/index,然后路由saicms/article/index

4、系统默认加载的vue文件是：/saicms/article/index.vue

5、这样菜单点击文章管理后，就会远程加载/saicms/article/index.vue文件，并渲染到页面上。