2、Vue的数据驱动---mvvm模式介绍 Vue是一个轻量级的渐进式前端框架，主要功能：1、模板渲染/数据同步 2、组件化、模块化 3、扩展功能：路由等 Vue等资源：中文官网：/ 源码：js/vue MVVM: M：Model数据模型负责数据存储 V：View视图负责页面展示 VM：View Model负责业务处理，处理数据，然后处理过来查看Vue1下载地址：/js/vue.js Vue2下载地址：@2.2.1/dist/vue.js 三、Vue常用指令介绍 1、插值表达式 {{}} 当模型中的数据发生变化时，那么视图中的数据也随之变化。 2、v-text将一个变量的值渲染到指定的元素中 3、v-html可以实际输出html元素 4、v-model实现双向数据绑定 5、v-build绑定页面中元素的属性 6 . v-if和v-show v-if函数：判断是否加载固定内容，为true则加载，为false则不加载； 语法：v-if='判断表达式' v-show 功能：判断是否显示内容 语法：v-show='判断表达式' v-if和v-show的异同 1.相同点：都是可以实现对一个元素的显示和隐藏操作 2. 区别：v -if 是在dom树模型中添加或移除元素，而v-show只是在这个属性上添加：none。
3、v-if有更高的开关喇叭，安全性高。 v-show 初始化消耗很大。 因此，如果需要频繁切换，对安全性没有要求，可以使用v-show。 如果条件不太可能在运行时改变，最好使用 v-if。 7、v-for的作用：控制html元素中的循环 语法：v-for="item in " 8、v-on的作用：绑定页面中的事件 语法：v-on：事件类型= ' ' 缩写 @event type = '' 4.Vue中常用的组件 使用组件是vue.js中一个非常强大的功能，可以扩展HTML元素，封装可重用的代码。 1.将组件内容定义到模板中 2.在组件中实现指令和事件绑定 5.组件间传值 1.父组件传值给子组件 2.子组件传值给父组件 6.Vue - 路由 基本上在一个系统或者App中，由多个页面组成，在vue中通常使用组件实现，那么在从一个页面跳转到另一个页面时，是通过url路径实现的，哪个url对应哪个页面，在vue中， vue2.0中vue-的使用是通过vue-实现的，vue1.0使用的版本帮助文档地址：js/vue-/tree/1.0/docs/zh-cn with vue1.0 vue-使用的下载地址：/ajax/libs/vue-/0.7.10/vue-.min.js 使用vue2.0版本的帮助文档地址：/zh-cn/.html 使用vue2.0 vue - 下载地址：js 7. 路由传值 vue2.0的路由参数定义实现了url变量的传值 2. let声明的变量不会被预解析 3. 临时死区（变量在let声明前无法访问,为了防止先调用后声明的现象) 10.let和for的使用 1.块级作用域 let声明的变量有块级作用域,就是一对花括号 块级作用域可以直接加上一堆花括号，以后就不用写自执行函数了 2.var和for循环 3.let和for循环 11、const用法 const声明一个常量，一旦声明，就不能被修改。 1.如果先声明再修改，会报错。 2.只有在没有赋值的情况下声明才会报错。 会提前解析 4.常量不能重复声明 注意：const声明的对象中的属性是可以修改的。 赋值数组结构 赋值等号的左边和右边必须都是数组，数组的结构赋值必须一一对应。
如果不匹配，则为十三。 对象结构赋值。 等号的左右两边必须是对象。 名称必须一一对应。 .字符串需要用一串反引号包裹，可以定义多行字符串，只用一串反引号 2.要拼的数据需要放在${}里面 3.操作也可以在花括号内执行 4 .函数可以在花括号内调用。 15、箭头函数语法： 1、用var、let、const来表示 2、参数第一个等号a后必须去掉。 如果没有参数，就需要写一堆空括号b。 如果只有一个参数，那就直接写，不用加括号c。 如果有多个参数，需要加括号，参数之间用逗号隔开 3.函数的主题放在箭头后面。 如果只有一条语句，则直接Write； 如果有多个语句，则需要将它们放在一堆大括号中。 十六、rest rest ...变量名rest 是一个数组，后面不能再有参数，否则会报错扩展方法... 1.三点后是类数组，其作用就是把这个类的数组转换成一个真正的数组，但是需要放在一对方括号2里面。后面三个点就是一个真正的数组，它的作用是把数组转换成一组普通的数据，不需要加方括号 十 7. 引入7号中新增的数据类型，表示唯一。
作为属性名使用，可以保证不和其他属性名冲突 1.它是一个函数生成的 2.前面不能用new，因为它生成的是原始类型的数据，不是对象 3.它可以接受一个参数，以便于区分。 相同长度时不同 4.不能与其他值运算，不存在隐式转换 5.其值可以转换为布尔值或字符串，但不能转换为数字 18、集合数据结构集合数据结构，类似于数组，所有数据都是唯一的，没有重复值。 本身就是一个构造函数 size data add() add() add a data() a data has() find a piece data, a value clear() all data 十九、map数据结构 map数据结构，类似于 . 键值对的集合，所有键值对的集合，都是唯一的，不会重复。每条数据都需要放在一个数组中，数组本身就是一个构造函数 size() 数据集的长度() 添加一条of data() 删除一条数据 get() 获取一条数据 has() 查找一条数据，返回一个布尔值 clear() 删除所有数据 二十：教程视频
