vue大杂烩上（非原创）

1.框架和库的区别

框架（framework）：有着自己的语法特点、都有对应的各个模块。

库（library）：专注于一点。

框架的好处：

提到代码的质量，开发速度

提高代码的复用率

降低模块之间的耦合度（高内聚低耦合）

UI：user interface

GUI：graphical user interface

CLI：command line interface

API：application interface

思维模式的转换：从操作DOM的思维模式 切换到以数据为主。

2.Vue概述

1、what

是一个渐进式的构建用户界面的js框架

2、where

小到的简单的表单处理，大到复杂的数据操作比较频繁的单页面应用程序

3、why

1.方便阅读的中文文档

2.容易上手 （学习曲线比较缓和）

3.体积小

4.基于组件化的开发方式

5.代码的可读性、可维护性得到了提高

4、how

工作方式：可以通过丰富的指令扩展模板，可以通过各种各样的插件来增强功能

搭建环境

方法一：

全局安装 vue-cli

创建一个基于webpack模板的新项目

安装依赖

方法二：

直接引入对应的js文件

3.Vue中基础知识

1、双花括号

mustache(胡子)/interpolation（插值表达式）

语法：

作用：将表达式执行的结果 输出当调用元素的innerHTML中；还可以将数据绑定到视图。

2、指令-循环指令

基本语法1：

基本语法2：

作用：在遍历array这个集合时，将临时变量保存在tmp中，创建多个any标签。

3、指令-选择指令

语法：

作用：根据表达式执行结果的真假，来决定是否要将当前的这个元素 挂载到DOM树

4、指令-事件绑定

语法：

作用：给指定的元素 将handleEvent的方法绑定给指定eventName事件。

5、指令-属性绑定

基本语法：

补充，支持简写：

作用：将表达式执行的结果绑定到当前元素的myProp属性。

动态样式绑定：

动态样式类绑定：

6、指令-双向数据绑定

方向1：数据绑定到视图

方向2：将视图中（表单元素）用户操作的结果绑定到数据

基本语法：