Laravel10.x如何使用Vue3插件（wangEditor5）？？？

问答 / 3 / 8 / 创建于 1年前

1. 运行环境

1). 当前使用的 Laravel 版本？

Laravel10.x

2). 当前使用的 php/php-fpm 版本？

PHP 版本：8.2.9

php-fpm 版本：

3). 当前系统

Windows 11
//: <> (期待数值 Windows 10 / Ubuntu 20.4 / CentOS 8 )

4). 业务环境

5). 相关软件版本

2. 问题描述？

如何使用Vue3插件（wangEditor5）。

Laravel10.x如何使用Vue3插件（wangEditor5）？？？

如何在模板上面调用出来？
//: <> (代码问题的话，请提供一份最短的，可复现问题的代码。或者相关代码)

3. 您期望得到的结果？

4. 您实际得到的结果？

laravel wangEditor5

3 声望

暂无个人描述~

《L04 微信小程序从零到发布》

从小程序个人账户申请开始，带你一步步进行开发一个微信小程序，直到提交微信控制台上线发布。

《L01 基础入门》

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

推荐文章：

更多推荐...

用 Laravel12 Startkit 做了一个 composer 私有包托管平台 😂 点赞超过 20 个开源，看看需要的人多不多 28 / 19 |

花了四个月打磨的 Laravel Plus 开源 31 / 98 |

试用 Laravel + 树莓派搭建视频监控，并支持线上访问 27 / 19 |

在laravel下实现全双工的websocket开发 21 / 10 |

无需修改任何代码和扩展将你的Laravel项目性能提高20倍 101 / 101 |

Laravel 实用小技巧——缓存标签的小秘密（下） 12 / 11 |

讨论数量: 8

wwebb

课程读者 21 声望

laravel 安装vue3

1年前评论

wwebb （作者）

@yixianliu 安装vue3之后，需要用Laravel Mix来编译前端文件，完成配置后在前端项目中直接import就好了

yixianliu （楼主）

我这边已经安装vue3了，老铁可以说的详细点吗？

yixianliu （楼主）

@wwebb 可以再详细点吗？

wwebb

课程读者 21 声望

要在 Laravel 中安装 Vue 3，你需要执行以下步骤：

首先，确保你已经安装了 Composer 和 Laravel，且项目已经创建。

打开终端或命令提示符，导航到你的 Laravel 项目目录。

运行以下命令来安装 Laravel Mix（Laravel 的前端构建工具）：

npm install

接下来，安装 Vue 3 的相关依赖。使用以下命令安装最新版本的 Vue 3：

npm install vue@next

安装完毕后，打开 resources/js/app.js 文件并将其内容替换为以下内容：

import { createApp } from 'vue';

createApp({
    // 在这里添加你的 Vue 3 代码
}).mount('#app');

打开 webpack.mix.js 文件，它位于你的 Laravel 项目根目录下。

const mix = require('laravel-mix');
mix.vue()
    .js('resources/js/app.js', 'public/js')

blade文件引用文件

<body>
   <div id="app"></div>
   <script src="{{ mix('js/app.js') }}"></script>
</body>

启动

yarn watch-poll

1年前评论

yixianliu （楼主）

十分感谢，谢谢！！！

yixianliu （楼主）

老铁，能加个VX吗？

yixianliu （楼主）

我还是不太懂！

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助