经过两个多月的精心准备，《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 观察者回调和导航守卫的参数 to 和 from；
• 使用 getters 派生一些新的状态；
• 自定义过滤器 —— moment；
• 使用导航守卫 —— router.beforeEach、router.afterEach、beforeRouteEnter 和 beforeRouteLeave；
• 使用事件修饰符 —— .self；
• 使用 axios 发起 Ajax 请求；
• 使用按键修饰符 —— .enter；
• ...

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

邀请好友

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

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

关于 VuejsCaff.com

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

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

购买课程

戳我购买