Vue.js 实战教程(附demo)

时间:2021-10-31 18:42:49

在实战之前,你需要对vuejs的基础语法有一定的了解,可以通过以下几个途径进行学习:

vue.js官方文档:https://cn.vuejs.org/v2/guide/index.html

vue.js 教程:https://www.mingtern.com/course/vuejs/

官方的文档内容比较多且杂,对于初学者来说可能没有系统性的引导,可以查看明灯小站的基础教程,对一些常用的基础语法都进行了整理,还可以在线进行调试。

好了,如果你对基础语法有一定的了解了,那就可以开始我们的实战项目了,这次我们要做的是一个简单的webapp,课程中会使用原生的vuejs语法,有非常详细的解释,对于小白用户来说,可以轻松掌握。

正式开始之前,可能你还需要对flex布局有一定的了解,可以查看阮一峰大神的两个教程,也非常简单。

Flex 布局教程:语法篇

Flex 布局教程:实例篇

Pure vue demo教程列表

Pure vue demo 实战第一节:Vue基础一

Pure vue demo 实战第二节:Vue基础二

Pure vue demo 实战第三节:Vue组件

Pure vue demo 实战第四节:Vue实例的生命周期

Pure vue demo 实战第五节:数据获取