Tag: Vue

122 total results found

基于 Vue Router 构建单页面应用项目骨架

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

基于读者的反馈,希望多出一些高级进阶版的教程,所以后续学院君仍然会以后端进阶教程为主,不过单页面应用和相关项目作为全栈开发系列的收尾...

由 学院君 发布于23 hours ago   

基于 TDD 模式编写 Vue 评论组件(下):Axios 请求后端接口测试

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

在本篇教程中,学院君将以评论创建接口为例,演示如何在 Vue 组件中为通过 Axios 调用后端接口编写测试用例。 准备工作 后...

由 学院君 发布于1 week ago   

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

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

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

由 学院君 发布于1 week ago   

基于 TDD 模式编写 Vue 评论组件(上):数据绑定和列表渲染

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

上篇教程学院君给大家演示了 Vue 组件测试套件(Vue Test Utils + Mocha + jsdom + Expect)的...

由 学院君 发布于2 weeks ago   

基于 Vue 测试套件引入 Mocha + Expect 测试 Vue 组件

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

Vue 测试套件 天下乌鸦一般黑,天下的单元测试流程也都差不多。 在 Vue 框架中编写单元测试的基本流程和学院君之前在 Lar...

由 学院君 发布于2 weeks ago   

基于 Flickity 在 Vue 中实现轮播图组件并设置简单的博客布局

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

准备工作 除了自己纯手工从头开始编写之外,还可以基于丰富的第三方 JavaScript 插件更快捷地编写 Vue 组件,这里学院君...

由 学院君 发布于3 weeks ago   

在 Vue 中实现拖放式图片上传组件

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

在上篇教程中,学院君给大家演示了如何基于 Laravel + Vue 框架快速实现图片上传并且给文章添加了封面图片功能。除了传统的点...

由 学院君 发布于3 weeks ago   

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

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

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

由 学院君 发布于3 weeks ago   

给 Vue 模态框组件的打开关闭添加过渡/动画效果

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

既然我们可以完全掌控模态框的打开和关闭了,不如给它加点过渡/动画效果,让用户体验更好一些,Vue 框架官方提供了组件渲染/隐藏的过渡...

由 学院君 发布于3 weeks ago   

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

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

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

由 学院君 发布于3 weeks ago   

基于 Laravel + Vue 组件实现文章发布、编辑和浏览功能

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

前面几篇教程,我们已经陆续实现 Vue 表单、列表和 Laravel 后端接口,今天我们把这一系列分散的独立功能模块打通,实现文章列...

由 学院君 发布于4 weeks ago   

基于 Laravel 8 模型工厂快速生成后端接口测试数据

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

继续后续 Vue 教程之前,我们先将 Laravel 后端文章数据表创建出来,并填充测试数据,以方便后续教程更快捷地提供后端测试接口...

由 学院君 发布于4 weeks ago   

通过过滤器对 Vue 组件中的模型属性值进行格式化

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

过滤器简介 在 Vue 组件中,我们可以通过过滤器对模型属性值进行格式化,注意这里不要望文生义哈,过滤器不是传统的对列表数据按条件...

由 学院君 发布于1 month ago   

基于子组件构建列表组件并实现视图模式切换功能

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

上篇教程学院君给大家演示了如何将文章发布表单组件拆分成多个子组件,然后基于这些子组件构建登录表单,今天我们来看看如何基于子组件构建文...

由 学院君 发布于1 month ago   

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

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

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

由 学院君 发布于1 month ago