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 声望

暂无个人描述~

《L03 构架 API 服务器》

你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程，JWT 概念及使用和 API 开发相关的进阶知识。

《G01 Go 实战入门》

从零开始带你一步步开发一个 Go 博客项目，让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。

推荐文章：

更多推荐...

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

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

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

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

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

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 （楼主）

我还是不太懂！

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

帮助