Vue 总结

第一章

  		三大框架：
  			Vue.js：
  				优点：单页面更轻量，简单易学
  				缺点：不支持IE8
  			An'gubr:
  				优点：完善的框架，包含模板，数据双向绑定，路由，模块化，等所有功能
  				缺点：比较笨重，学习成本高
  			react:
  				优点：速度快、跨浏览器兼容、单向数据流、兼容性好
  				并不是一个完整的框架，需要加上ReactRouter和Flux才能完成
  		开发模式：
  			MVC: Model-View-Controller
  			MVP: Model-View-Presenter 
  			MVVM: Model-View-ViewModel

第二章

  		Vue核心:数据的双向绑定 ，组件化
  		实例化Vue三部曲：
  			1.创建跟实例：let app = new Vue({})
  			2.挂载根实例：let app = new Vue({
  							el:'#app',  //js元素选择方式/css选择器
  						})
  			3.绑定数据：let app = new Vue({
  							el:'#app',
  							data:{age:24}  //显示声明数据     //指向已有变量
  						})
  		Vue实例就是app，Vue实例属性就是app的属性
  		所有的选项前面加上$都是Vue实例的属性
  		$el：表示在Vue实例上挂载的DOM对象属性
  		app.$el === document.getElementById(“app”)     //true
  		$data：表示在Vue实例上挂载的数据属性。
  		Vue实例代理了data选项中的所有属性：获取属性 app.message
  		app.$data.age=== app.age//true

  		文本插值{
   {数据变量}} 特性：双向绑定，可以运行运算和对象方法的执行

  		基本指令：
  			v-html: 原始html
  			v-once: 单项绑定
  			v-pre: 跳跃编译，显示原始标签
  			v-bind: 属性绑定     =>语法糖 ：
  			v-on: 事件绑定     =>语法糖  @

第三章

  		v-bind：
  			单个语法格式
  			对象语法格式
  			数组语法格式 绑定类名
  		条件渲染指令：
  			v-if：true时渲染 false时不渲染
  			v-show：true时渲染 false时不渲染
  		本质方法：
  			v-show本质就是标签display设置为none，控制隐藏
  			v-if是动态的向DOM树内添加或者删除DOM元素
  		编译区别：
  			v-show其实就是控制css
  			v-if切换有一个局部编译卸载过程，切换过程中适合的销毁和重建内部的事件监听和子组件
  		性能：
  			v-show只编译一次，后面的其实就是控制CSS
  			v-if不停的销毁和创建，故v-show性能更好一点
  		编译条件：
  			v-show都会编译，初始值为false，只是将display设为none，但它也编译了

  		v-on：事件类型="方法名"
  		v-on事件绑定修饰符
  			.stop：阻止事件的传递，即阻止事件向上冒泡  (写在子元素里)
  			.prevent：阻止对象的默认行为
  			.capture：使用事件捕获机制	(写给父元素)
  			.self:自身事件修饰符
  			.once：绑定的事件只能触发一次
  			.keyup.keyCode键值修饰符

第四章

  		console.log()日志信息
  		console.info()一般信息
  		console.debug()除错信息	(谷歌，opera不支持)
  		console.warn()警告提示
  		console.error()错误提示
  		console.group()和console.groupEnd()分组显示
  		console.dir()输出属性与方法
  		console.dirxml()输出节点代码
  		console.clear()清空控制台内容
  		console.time(),console.timeEnd()计时器
  		console.count()计数器
  		console.table()表格化
  		占位符：
  			字符（%s）、整数（%d或%i）、浮点数（%f）、对象（%o）、CSS格式化样式（%c）
  		$ 简单理解就是 document.querySelector 。
  		$$ 简单理解就是 document.querySelectorAll 。
  		$_ 是上一个表达式的值
  		dir 就是 console.dir