摘要：
键盘事件常见的有两个： keydown和keyup keydown是按下去还没有弹回来时就触发事件 keyup是按下去又弹回来时才触发事件 现在是只要按键，就打印键的数值 在键盘事件后直接加enter也可以实现按下回车才调用showInfo的方法，也即打印输入框的值 Vue中常见的9个按键别名： 其 阅读全文
摘要：
1、阻止默认事件， 比如a标签点击后会默认跳转，想要不跳转，就可以使用事件修饰符 可以直接在方法里，禁止默认的事件，或者在调用那里禁止 2、阻止事件冒泡，比如button有个弹窗事件，外层的div也有一个弹窗事件，点击的话，会有两次弹窗 3、事件只触发一次，有个事件，第一次点击时弹窗，以后再点击时不 阅读全文
摘要：
事件的基本使用： 1、使用v-on:XXX 或 @XXX 绑定事件，其中xxx是事件名； 2、事件的回调需要配置在methods对象中，最终会在vm上； 3、methods中配置的函数，不要用箭头函数；否则this就不是vm，而是全局window了； 4、methods中配置的函数，都是被vue所管 阅读全文
摘要：
数据代理：通过一个对象代理对另一个对象中的属性进行操作（读/写）叫数据代理 数据代理可以更方便的操作data中的数据 基本原理： 通过Object.defineProperty把data对象中所有属性添加到vm上； 为每一个添加到vm上的属性，都指定一个getter/setter； 在getter/ 阅读全文
摘要：
1、Object.defineproperty方法，在数据劫持、数据代理、计算属性中都用到了这个方法，（ES6中学习过这个方法） 这个方法有三个属性，（对象，添加的属性，配置项） 这个方法增加的属性，不参与枚举，也就是不进行遍历，上面的两个遍历都没有和age属性有关的输出，如果把age属性直接添加在 阅读全文
摘要：
MVVM模型是三个单词，model，view，viewmodel 所以在创建Vue实例的时候，变量名一般都叫vm。 data中的所有属性，最后都出现在了vm身上 vm身上的所有属性 以及 vue原型上所有属性，在vue模板中都可以直接使用 阅读全文
摘要：
el的两种写法（el是element的简称）： 第一种写法，new Vue的时候直接配置el属性： 第二种写法（挂载），先创建vue实例，然后使用$mount去指定el的值： 第一种写法是直接指定要服务的容器，第二种写法会比较灵活，可以稍后指定，比如加一个定时器，多少时间之后再为 指定的容器服务 d 阅读全文
摘要：
单向绑定v-bind： 单向绑定的数据是，可以vue的数据改变，页面的展示也改变，但是页面的展示改变，不会影响vue里数据的改变 （数据只能从data流向页面） 双向绑定v-model： 双向绑定的数据，vue里数据改变，页面的展示也改变，同样地，页面的数据改变，vue里的数据也改变（这里指的是vu 阅读全文
摘要：
插值语法： {{name}} name是js的表达式，结果是一个值 插值语法是用在两个标签之间 指令语法： v-bind:href=url v-bind是一个指令，vue中的指令都是以v-开头，有了v-开头的指令后，就会被解析为js的语句， 指令语法用在标签里 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文