Vue.js 的课程来啦 ——《Vue.js 实战教程 - 基础篇》

公告 Summer ⋅ 于 1个月前 ⋅ 最后回复由 cod3man 8小时前 ⋅ 8121 阅读
0

经过两个多月的精心准备,《Vue.js 实战教程 - 基础篇》 已完成了撰写,今天正式发布。

课程代号 V01,作为 VUEJS 实战课程的第一套,我们将带你一步步从零开始开发一个完整的 VUEJS 项目(参考 https://vuejscaff.com/ 网站),让你在实战中学习到 VUE 的基础知识。

涉及的知识点如下:

  • 使用 vue-cli 搭建项目框架;
  • Git, GitHub 和 GitHub Pages 部署;
  • 使用组件来构建项目;
  • 绑定数据的两种形式 —— Mustache 语法和 v-bind 指令;
  • 使用 v-for 指令渲染列表;
  • 绑定 class 和 style;
  • 使用 v-on 指令监听 DOM 事件;
  • 自定义指令 —— title、validator 和 dropdown;
  • 使用 vue-router 作路由来创建单页应用;
  • 自定义功能组件 —— Message、Modal、Pagination 和 Slider;
  • 在组件中使用 props
  • 使用侦听器;
  • 使用 Vuex 存储管理应用的所有组件的状态;
  • 局部注册和全局注册 —— 组件、指令和过滤器;
  • 使用 v-if 指令进行条件渲染;
  • 自定义插件 —— message 和 vue-sweetalert2;
  • 在列表渲染中使用 key
  • 使用嵌套路由和设置默认子路由;
  • 在选择框和复选框中使用 v-model
  • v-model 添加修饰符 —— .lazy.trim
  • 使用路由对象,它出现在 —— 组件(this.$route)、$route 观察者回调和导航守卫的参数 tofrom
  • 使用 getters 派生一些新的状态;
  • 自定义过滤器 —— moment;
  • 使用导航守卫 —— router.beforeEachrouter.afterEachbeforeRouteEnterbeforeRouteLeave
  • 使用事件修饰符 —— .self
  • 使用 axios 发起 Ajax 请求;
  • 使用按键修饰符 —— .enter
  • ...

我们沿用 Laravel 实战课程 的教学方法,利用线索式的行文方式,带你一步步从项目的创建,到的发布,熟悉 Vue.js 的开发流程。课程中所教授的技术方案,我们已经利用其为客户开发过不少的商业应用,所以你学到不是一个简单的『玩具项目』,而是一个经受过实战考验的商业解决方案。

邀请好友

另外,现开通邀请好友返利功能。需要更加优惠价格的同学,可以合理利用此功能,活动规则请阅读 邀请好友活动详情页

请注意,为了防止垃圾信息遍布各地,邀请好友的推广链接在本社区内无效。

关于 VuejsCaff.com

考虑到 Vue.js 相关的教程,延续下去的话,将会有一堆前端相关讨论呀、问题呀,这与 Laravel 社区的纯粹理念相违背。故重新开启了新的域名 https://vuejscaff.com/ ,独立经营,这将会是一个面向 Vuejs 和前端技术的知识社区。

Laravel China 的用户可以使用这个链接快速登录:Laravel China 账号快速登录

购买课程

戳我购买

本文章首发在 Laravel China 社区

Practice makes perfect.

本帖已被设为精华帖!
附言 0  ·  4周前

社区多站点登录已经打通:https://vuejscaff.com/auth/login

本帖由 Summer 于 1个月前 加精
回复数量: 45
暂无评论~~
您需要登陆以后才能留下评论!

Composer 中国全量镜像

Top 100 扩展包

Lumen 中文文档

Laravel 速查表

Laravel 中文文档

Laravel 项目开发规范

Laravel 开发环境部署

社区文档撰写指南

TDD 构建 Laravel 论坛笔记

PHP PSR 标准规范

PHP 设计模式全集

Dingo API 中文文档