Tag: Vue
128 total results found
基于 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 组件还是纯前端的静态代码，不涉及从后端接口获取数据动态渲染。而在实际项目开发中，通常需要前后端结合来...
在 Laravel 项目中编写单文件 Vue 组件
上篇教程我们演示了如何在 Vue CLI 原型项目中编写单文件 Vue 组件并进行编译，不过 Vue CLI 是一个纯前端的工具，我...
Vue Loader 篇（下）：编写一个单文件 Vue 组件
引入 Bootstrap 框架 开始之前，需要添加 Bootstrap 到 Vue CLI 项目，由于目前所有前端资源都已经通过 ...