Vue学习笔记

1. 一个Vue实例只能跟一个容器绑定：若有多个容器，则只能绑定到第一个；若有多个Vue实例，则仅有第一个Vue实例能成功绑定，其他实例会报错。
2. 可以在创建Vue实例时使用el:"#id"的方式挂载，也可以使用Vue对象的$mount("#id")方法挂载。
3. data也有2种形式：可以是一个对象data:{}，也可以是一个函数data() { return{} }。data作为函数时返回值必须是一个对象。
4. 由Vue管理的函数都不要写成箭头函数，因为箭头函数没有自己的this，this指向的也不会是Vue实例了。
5. {{}}模板中可以写任意JavaScript表达式。data中的所有属性都会出现在Vue实例对象中，任意在Vue实例对象或其__proto__原型中的属性都可以在{{}}模板中直接使用。
6. v-bind单向绑定，v-model双向绑定，但v-model只能用在表单类元素上。
7. v-model:value可以简写成v-model，因为v-model默认绑定value属性。
8. @click需要传参时，想要传入事件对象可以使用$event。
9. 绑定特殊按键（如ctrl，shift，alt，tab）的键盘事件时，需要使用@keydown而非@keyup。
10. 要更改计算属性的值必须通过setter响应式修改，且setter需要更改计算属性所依赖的数据。
11. 监听属性可以在Vue配置对象中写watch属性，也可以在创建Vue实例后，使用$watch方法。
12. watch属性的配置对象中设置immediate属性为true可以使回调函数handler在Vue实例初始化时就执行一次。监听对象或其他多级结构时设置deep属性为true，即可深度监听。
13. 监听的属性不存在时不会报错。
14. computed能完成的功能，watch都能完成，而watch能完成的功能，computed则不一定能完成，例如异步操作只能使用watch。
15. v-show指令是通过给元素添加display: none实现隐藏元素，而v-if是将该元素从DOM树移除。需要频繁的根据条件显示和隐藏元素时，使用v-show具有更好的性能。
16. template只能使用v-if而不能使用v-show。
17. v-if和v-else-if以及v-else的元素之间不能有其他元素，否则其后面的v-else-if和v-else都会失效。
18. v-for若没有绑定key，则Vue会自动把key绑定index。
19. v-for的key如果绑定index，则当页面中元素的顺序发生变化时，生成DOM的效率会降低，并且页面中用户输入的数据会错位。
20. Vue响应式的底层原理是给Vue管理的对象都添加了getter和setter，修改数据时通过setter来更新数据同时并更新视图。
21. 直接向Vue中的响应式对象添加的新属性无法被Vue监测，且不会更新视图。需要使用Vue.set()往响应式对象中添加新的响应式属性，但是无法直接给Vue实例对象或Vue实例的根数据对象添加属性，例如可以给data中的myObj对象添加newProperty属性，但是无法直接给data添加newProperty属性。
22. data中绑定的数组若直接通过[]修改，则不会被Vue监测到修改。响应式修改数组只能使用push()、pop()、shift()、unshift()、reverse()、sort()和splice()方法，上述方法实际上并不是Array.prototype中的方法，而是Vue给数组重写的方法，因此能够响应式的更新视图。Vue.set()同样可以响应式的修改数组。
23. 关于组件：
24. 关于VueComponent：
25. VueComponent.prototype.__proto__ === Vue.prototype，即VueComponent原型继承自Vue。
26. 关于props：
27. 全局事件总线：
28. 消息订阅与发布：
29. 配置代理服务器：
30. 插槽：