标签: Vue
共找到了130个结果
基于 Laravel + Vue 框架实现文件异步上传组件和文章封面图片功能
在今天这篇教程中，学院君将给大家演示如何基于 Laravel + Vue 框架编写一个基本的图片异步上传组件，并且带预览功能，然后把...
给 Vue 模态框组件的打开关闭添加过渡/动画效果
既然我们可以完全掌控模态框的打开和关闭了，不如给它加点过渡/动画效果，让用户体验更好一些，Vue 框架官方提供了组件渲染/隐藏的过渡...
基于 Bootstrap + Vue 框架编写模态框组件并完成文章删除功能
在上篇教程中，学院君已经给大家演示了如何通过 Laravel + Vue 快速实现文章发布、编辑和浏览（包括列表和详情页）功能，今天...
基于 Laravel + Vue 组件实现文章发布、编辑和浏览功能
前面几篇教程，我们已经陆续实现 Vue 表单、列表和 Laravel 后端接口，今天我们把这一系列分散的独立功能模块打通，实现文章列...
基于 Laravel 8 模型工厂快速生成后端接口测试数据
继续后续 Vue 教程之前，我们先将 Laravel 后端文章数据表创建出来，并填充测试数据，以方便后续教程更快捷地提供后端测试接口...
通过过滤器对 Vue 组件中的模型属性值进行格式化
过滤器简介 在 Vue 组件中，我们可以通过过滤器对模型属性值进行格式化，注意这里不要望文生义哈，过滤器不是传统的对列表数据按条件...
基于子组件构建列表组件并实现视图模式切换功能
上篇教程学院君给大家演示了如何将文章发布表单组件拆分成多个子组件，然后基于这些子组件构建登录表单，今天我们来看看如何基于子组件构建文...
SOLID 原则在 Vue 组件开发中的应用：将单个表单组件拆分成可复用的子组件组合
为什么要拆分 前面我们演示了如何将表单组件中的 JavaScript 业务逻辑抽象为一个通用的表单类以面向对象的风格处理，从而提高...
通过 props 和 Vue 原型实例在不同组件之间共享数据状态
在前面的表单组件中，包含了一个作者字段，通常该字段的值就是当前登录用户的用户名，如果应用包含多个类似表单，每次都要手动填写有些麻烦，...
通过 ES6 新语法对 Vue 表单组件进行面向对象重构
虽然学院君已经在上篇教程中演示了如何基于 Laravel + Vue 快速开发表单组件，但是 Vue 组件代码的实现并不优雅，对于单...
在 Laravel 项目中基于 Vue + Bootstrap 快速开发表单组件
我们回到正题，在 Laravel 项目中基于纯 Vue.js 框架编写表单组件，不再依赖 Inertia 和 Livewire 技术...
前奏篇（一）：ES 2015 新特性一览
注：如无特别声明，接下来的教程默认都是基于最新版 Laravel 8 作为底层框架进行项目开发。 技术栈选择 前面学院君介绍...
基于 Laravel Jetstream 提供的 Inertia + Vue 技术栈编写表单组件
Laravel 8 引入 Jetstream 作为前端 UI 库 在本月 8 号，Laravel 8.0 正式发布，随后 Vue ...
基于 Laravel Dusk 进行浏览器测试
简介 Laravel Dusk 提供了优雅的、易于使用的浏览器自动测试 API。默认情况下，Dusk 不强制你在机器上安装 JDK...
通过 Axios 发送 Ajax 请求获取接口数据渲染 Vue 组件
到目前为止，我们编写的 Vue 组件还是纯前端的静态代码，不涉及从后端接口获取数据动态渲染。而在实际项目开发中，通常需要前后端结合来...