课时1~13
- 一个VUE容器只能被1个实例接管，一对一关系
3. 模板语法
4. 数据绑定
5. el与data的两种写法
6. MVVM模型
7. {{}}里面可以写的其实是vm实例里面的所有属性 
8. 数据代理
Object.defineProperty
getter和setter
下面这张图的意思是Vue实例里面的项，都是通过getter和setter函数进行设置的，也就是数据代理。
vm._data 就是data里面的内容
vm._data.name === vm.name
课时14~21
1. 事件处理
注意：
其中这个【event称为js事件对象】
2. 事件修饰符
这几个功能有用到的话回去视频再看一遍吧，不在这里贴了，前三个最有用，后三个了解
关于事件冒泡和捕获
3. 键盘事件
<body>
<div id="root">
<h1>欢迎{{name}}</h1>
<input type="text" @keyup.enter="showInfo">//输入完成后按enter键才会触发函数
</div>
</body>
<script type="text/javascript">
new Vue({
el:"#root",
data:{
name:"小池"
},
methods:{
showInfo(e){
console.log(e.target.value)
}
}
})
</script>
1.键盘按下事件：keydown() 是在键盘按下就会触发
2.键盘弹起事件：keyup() 是在键盘松手就会触发
除此之外还可以自己定义别名
4. 计算属性
需求：
方法1：返回函数
方法二：计算属性
计算属性的简写形式
确定只读不修改才可以简写
5. 监视属性
https://cn.vuejs.org/v2/guide/computed.html#%E4%BE%A6%E5%90%AC%E5%99%A8
课时 22-29
1. watch VS compute
情况1：compute更胜一筹
情况2：compute无法异步返回数据
2. 样式绑定
数组形式：
对象写法：
3. 条件渲染
v-show = 'false'隐藏
v-if ='false'直接干掉html代码段
注意这几行div得连起来
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
