day011，vue入门游鱼溪参考文档（官网）循序渐进：类似于迭代开发，vue.js只是一些核心代码，让你搭建基础页面如果你的页面功能比较丰富，所以需要一些相关的插件来完成。插件：就是一些功能代码模块。它用于向已完成的功能代码添加附加功能。官方插件：vuexvue-router...官方插件都是vue官方插件。第三方插件：也是用来给vue添加功能的，不过是别人写的。比如axios数据尊动态展示页面2.先说vueN??ative写法jquery写法Vue写法（数据尊）函数使用：函数和对象配置对象：feature：属性名固定属性值变量对象挂载点模板数据数据代理模板语法（由html+js组成）指令和插值v-bind指令操作（操作元素）动态属性和表达式{{}}双花括号操作（文本内容）表达式3、数据绑定one-wayv-bind缩写::Two-wayv-model一般表单元素可以双向绑定MVVM:M:modelmodel的本质是我的数据dataV:viewview的本质是我的page元素VM:ViewModel视图模型的本质是我的vm实例事件绑定和处理v-on:click@click的简写事件绑定:两件事事件类型事件回调回调函数:定义但执行(eventajaxtimerlifecyclecallback)vue中的方法应该在methods中进行配置，这些方法最终都会成为vm的方法。三个要点1).vue控制的所有回调函数的this都是vm2)。data/computed/methods中的所有属性/方法都会成为vm3)的属性/方法。模板中的表达式读取数据，即读取vm的属性；模板中调用的函数调用vm方法4.两种挂载方式和两种写数据方式5.Object.defineProperty方法es5扩展方法：Object.defineProperties和Object.defineProperty数据代理使用计算属性使用响应式数据原理使用到6、computed计算属性和watch监控名称案例：firstNamelastNamefullName1、复杂插值表达式写法2、methods方法实现3、computed计算属性实现4、methods与computed计算属性区别效率比较高，因为有两种写缓存的方式5、watch监控属性配置项写法monitoringfirstNamevm.$watchmonitoringlastName6、watch监控实现computedimmediate函数的效果7.computed和watch的区别SynchronouscomputedattributeAsynchronouswatch比较的时候比较的是computedgetter，与setter无关8.computed的setterattribute只是对computed属性添加了监控，如果后面修改了数据，会有响应式的变化8.强制绑定样式类和样式类动态绑定：1.类名不是字符串形式。2.类名确定了，但不知道是哪种有效的对象形式3.有几个类名以数组的形式生效样式的动态绑定1.原来的东西必须写在对象，样式名不变，样式值为动态2.如果样式名不合法，必须9.条件渲染v-ifv-else隐藏时，直接删除不存在的元素节点文件流（无内存）v-show隐藏时，用cssdisplay:none隐藏文件流存在（内存有）哪个好？就看怎么用了：假设我们需要频繁切换，那么v-show效率更高，但是占内存假设我们不频繁切换，那么v-ifv-else更好，不占内存10.清单渲染v-for11。vue如何监听数据变化并更新页面（点击按钮修改第一项）1.修改数组中对象的属性，发现页面可以变化2.调用数组的方法直接修改数组中的整个对象和find页面也可以更改。3、直接通过数组的下标修改数组中的整个对象，发现页面无法更改。原因：已修改修改数组中对象的属性是可修改的，因为对象的所有属性都添加了get和set方法（响应式数据），data中的所有对象都可以通过数组方法修改整个对象来修改，因为部分vue中重写了数组原有的方法，增加了显示到页面的功能。数组的整个对象可以通过下标直接修改。页面上显示不出来，但是数据确实变了，因为数组的数据整体上没有加get和set方法对象数据和数组数据响应的区别
