Vue.js :从入门到实践

Vue.js概述

MVVM模式

• vue的基本概念介绍
• 第一个Vue程序

准备开发与调试环境

Vue环境的搭建

• Linux 安装Node.js
• npm 安装模块、Windows 安装Node.js

• Visual Studio Code 安装vue插件

安装vue-devtools

• 安装vue-devtools

ECMAScript6语法简介

• 块作用域构造let和const
• ECMAScript6: 模板字面量
• ECMAScript6: 默认参数
• ECMAScript6: rest参数
• ECMAScript6: 展开运算符
• ECMAScript6: 对象字面量语法扩展
• ECMAScript6: 解构赋值
• ECMAScript6: 箭头函数
• ECMAScript6: 类
• ECMAScript6：模块
• ECMAScript6：promise

Vue.js语法简介

• Vue从入门到实战：Vue实例
• Vue从入门到实战：插值
• Vue从入门到实战：指令

指令

• Vue从入门到实战：内置指令
• Vue从入门到实战：自定义指令
• Vue从入门到实战：指令实例

计算属性

• Vue从入门到实战：定义计算属性
• Vue从入门到实战：计算属性缓存
• Vue从入门到实战：v-for和v-if一起使用的替代方案
• Vue从入门到实战：实例_购物车的实现

监听器

• Vue从入门到实战：使用监听器
• Vue从入门到实战：监听器的更多形式

class与style绑定

• Vue从入门到实战：绑定HTML class
• Vue从入门到实战：绑定内联样式
• Vue从入门到实战：实例_表格奇偶行应用不同的样式

表单输入绑定

• Vue从入门到实战：单行文本输入框
• Vue从入门到实战：多行文本输入框
• Vue从入门到实战：复选框
• Vue从入门到实战：单选按钮
• Vue从入门到实战：选择框
• Vue从入门到实战：值绑定
• Vue从入门到实战：实例_用户注册

过滤器

• Vue从入门到实战：全局过滤器与局部过滤器
• Vue从入门到实战：过滤器的参数
• Vue从入门到实战：过滤器的串联

组件

• Vue从入门到实战：全局组件与局部组件
• Vue从入门到实战：使用Prop向子组件传递数据
• Vue从入门到实战：监听子组件事件
• Vue从入门到实战：自定义组件的v-model
• Vue从入门到实战：实例_combobox
• Vue从入门到实战：使用插槽分发内容