小白的Vue.js索引

Vue.js是一个渐进式的JavaScript框架。怎么理解"渐进式”:

• 声明式渲染
• 组件系统
• 客户端路由
• 集中式状态管理
• 项目构建

CSS基础

• flex 布局的基本概念

JavaScript基础

• ES6标准入门
  • Promise 对象

Vue基础

Vue模板语法

• 基本代码与声明式渲染

• v-cloak指令，避免FOUC(Flash of Uncompiled Content)

• v-text指令，避免FOUC

• v-once指令, 只渲染元素和组件一次，用于优化性能

• v-bind指令用于属性绑定

• v-model指令创建表单元素双向绑定

• Class 与 Style 绑定

• 计算属性和侦听器

• v-on指令用于事件绑定

• 事件修饰符

• 按键修饰符

• v-if, v-show指令与条件渲染

• v-for指令遍历数组和对象

• 列表渲染和v-for中的key

• 全局过滤器和私有过滤器

• 自定义指令实现元素自动获取焦点

• 指令定义对象的钩子函数

• Vue实例的生命周期

• Vue实例生命周期图示

• axios或vue-resource发送HTTTP请求

• 使用 axios 访问 API

• 过渡&动画

• 自定义过渡类名

• Animate.css

• 组件基础

• 深入了解组件

• vm.$refs获取元素或组件引用

• 渲染函数 & JSX

• 插槽Slot

• 路由

• vue-router

• vue-router API

• nrm

webpack

• webpack documentation
• webpack-dev-server
• html-webpack-plugin
• style-loader
• css-loader
• less-loader
• sass-loader
• url-loader
• file-loader
• vue-loader
  • Using Pre-Processors
  • scoped CSS

babel

• babel-loader
• babel
• babel-plugin-component
• babel-plugin-transform-remove-strict-mode

eslint

• ESLint

第三方组件库

• Mint UI - Mobile UI elements for Vue.js
• Ant Design of Vue

其他资源

• mui
• Moment.js