Tag: Props

8 total results found

通过后端接口返回数据渲染 Vue 页面组件并实现分页功能

Vue.js 入门到实战教程 构建单页面应用

整体思路 在上篇教程中,我们在 Laravel 后端编写好了文章相关 API 数据接口,接下来,还需要在 Vue 页面组件中通过这...

由 学院君 发布于1 year ago    浏览数: 3377    点赞数: 0

基于 TDD 模式编写 Vue 评论组件(中):父子组件之间的通信测试

Vue.js 入门到实战教程 测试驱动开发

拆分评论列表组件 为了测试 Vue 父子组件之间的通信,我们需要将之前编写的评论组件拆分成两部分 —— 将评论列表拆分成独立的子组...

由 学院君 发布于1 year ago    浏览数: 1098    点赞数: 0

基于 Laravel + Vue 框架实现文件异步上传组件和文章封面图片功能

Vue.js 入门到实战教程 组件实战

在今天这篇教程中,学院君将给大家演示如何基于 Laravel + Vue 框架编写一个基本的图片异步上传组件,并且带预览功能,然后把...

由 学院君 发布于1 year ago    浏览数: 1713    点赞数: 0

基于 Bootstrap + Vue 框架编写模态框组件并完成文章删除功能

Vue.js 入门到实战教程 组件实战

在上篇教程中,学院君已经给大家演示了如何通过 Laravel + Vue 快速实现文章发布、编辑和浏览(包括列表和详情页)功能,今天...

由 学院君 发布于1 year ago    浏览数: 2059    点赞数: 2

SOLID 原则在 Vue 组件开发中的应用:将单个表单组件拆分成可复用的子组件组合

Vue.js 入门到实战教程 组件实战

为什么要拆分 前面我们演示了如何将表单组件中的 JavaScript 业务逻辑抽象为一个通用的表单类以面向对象的风格处理,从而提高...

由 学院君 发布于1 year ago    浏览数: 1572    点赞数: 0

通过 props 和 Vue 原型实例在不同组件之间共享数据状态

Vue.js 入门到实战教程 组件实战

在前面的表单组件中,包含了一个作者字段,通常该字段的值就是当前登录用户的用户名,如果应用包含多个类似表单,每次都要手动填写有些麻烦,...

由 学院君 发布于1 year ago    浏览数: 1545    点赞数: 0

Vue 组件通信:父子组件之间的数据传递和事件监听

Vue.js 入门到实战教程 组件入门

组件内事件监听 在单个 Vue 组件内部实现事件监听和处理和在全局 Vue 对象实例中的操作并没有什么不同: <!DOCT...

由 学院君 发布于1 year ago    浏览数: 3193    点赞数: 1

通过 Vue + 高德地图 JS API 在地图上标记咖啡店

基于 Laravel + Vue 构建前后端分离应用 在地图上标记咖啡店

在上一篇教程中我们为咖啡店地址进行了地理编码,这样,就可以调用高德地图支持的各种 API 来实现我们想要实现的功能(地图服务都是基于...

由 学院君 发布于3 years ago    浏览数: 12233    点赞数: 4