Tag: 组件
97 total results found
基于 Laravel + Vue 组件实现文章发布、编辑和浏览功能
前面几篇教程，我们已经陆续实现 Vue 表单、列表和 Laravel 后端接口，今天我们把这一系列分散的独立功能模块打通，实现文章列...
基于 Laravel 8 模型工厂快速生成后端接口测试数据
继续后续 Vue 教程之前，我们先将 Laravel 后端文章数据表创建出来，并填充测试数据，以方便后续教程更快捷地提供后端测试接口...
通过过滤器对 Vue 组件中的模型属性值进行格式化
过滤器简介 在 Vue 组件中，我们可以通过过滤器对模型属性值进行格式化，注意这里不要望文生义哈，过滤器不是传统的对列表数据按条件...
基于子组件构建列表组件并实现视图模式切换功能
上篇教程学院君给大家演示了如何将文章发布表单组件拆分成多个子组件，然后基于这些子组件构建登录表单，今天我们来看看如何基于子组件构建文...
通过 props 和 Vue 原型实例在不同组件之间共享数据状态
在前面的表单组件中，包含了一个作者字段，通常该字段的值就是当前登录用户的用户名，如果应用包含多个类似表单，每次都要手动填写有些麻烦，...
基于 Laravel Jetstream 提供的 Livewire + Blade 技术栈编写表单组件
Livewire 简介 上篇教程学院君给大家介绍了 Laravel 8 新引入的 Jetstream 扩展包，并且提到该扩展包开箱...
基于 Laravel Jetstream 提供的 Inertia + Vue 技术栈编写表单组件
Laravel 8 引入 Jetstream 作为前端 UI 库 在本月 8 号，Laravel 8.0 正式发布，随后 Vue ...
基于 Laravel Dusk 进行浏览器测试
简介 Laravel Dusk 提供了优雅的、易于使用的浏览器自动测试 API。默认情况下，Dusk 不强制你在机器上安装 JDK...
邮件
简介 Laravel 基于 SwiftMailer 库提供了一套干净、清爽的邮件 API。Laravel 为 SMTP、Mailg...
Blade 模板引擎
简介 Blade 是由 Laravel 提供的非常简单但功能强大的模板引擎，不同于其他流行的 PHP 模板引擎，Blade 在视图...
通过 Axios 发送 Ajax 请求获取接口数据渲染 Vue 组件
到目前为止，我们编写的 Vue 组件还是纯前端的静态代码，不涉及从后端接口获取数据动态渲染。而在实际项目开发中，通常需要前后端结合来...
在 Laravel 项目中编写单文件 Vue 组件
上篇教程我们演示了如何在 Vue CLI 原型项目中编写单文件 Vue 组件并进行编译，不过 Vue CLI 是一个纯前端的工具，我...
Vue Loader 篇（下）：编写一个单文件 Vue 组件
引入 Bootstrap 框架 开始之前，需要添加 Bootstrap 到 Vue CLI 项目，由于目前所有前端资源都已经通过 ...
Vue Loader 篇（上）：基于 Vue CLI 初始化原型项目
Vue Loader 概述 在上篇教程中，我们提到，如果所有的组件代码都在单个 HTML 文档或者 JavaScript 文件中编...
Vue 组件插槽：父子组件间的内容分发和插槽作用域
插槽的作用 在组件入门这篇教程中，学院君已经给大家演示了插槽（slot）功能的基本使用，插槽的主要作用就是在组件中分发父作用域的内...