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

问答 / 4 / 8 / 创建于 2年前

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

yixianliu

3 声望

暂无个人描述~

0 人点赞

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。

讨论数量: 8

wwebb

课程读者 21 声望

laravel 安装vue3

2年前评论

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

2年前评论

yixianliu （楼主）

十分感谢，谢谢！！！

yixianliu （楼主）

老铁，能加个VX吗？

yixianliu （楼主）

我还是不太懂！

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

帮助

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

1. 运行环境

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

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

3). 当前系统

4). 业务环境

5). 相关软件版本

2. 问题描述？

3. 您期望得到的结果？

4. 您实际得到的结果？

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

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

1. 运行环境

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

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

3). 当前系统

4). 业务环境

5). 相关软件版本

2. 问题描述？

3. 您期望得到的结果？

4. 您实际得到的结果？

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录