Vue组件的三大核心概念

组件是小型的、可以复用的、一个个独立的UI模块；

三大核心概念：属性、事件和插槽。

属性：

 

 事件：

 

 对于修饰符事件，.trim .stop等是定义好的。

插槽：

 

 现在多用<template v-slot:xxx='props'> ... </template>和<template v-slot:xxx>...</template>这些新的形式，性能会更好。

 

总结： 属性，事件和插槽，都是父组件传递给子组件的内容，然后由子组件分别根据传递的内容去执行它们的一些行为。所有的功能完全可以通过属性去完成

 

vue是单向数据流，并不是双向绑定。vue是如何进行数据绑定的？

v-model仅仅是语法糖，实际是用属性的传递和事件的回调来实现数据更新的。在默认设置的model里可以进行自定义：

对于属性prop，默认的是value；对于事件event，默认的是input。

 

对于key值，是用于虚拟dom，提升vue运行v性能的。

key不可以使用index为key值，有些场景会引发严重的bug。因为index是不能从中间添加值的，而key要可以从任何地方增删数据，index会限制key的作用。

 

vue如何触发组件更新 

dom是通过数据来驱动的，只有当数据改变的时候，视图才会改变。

 

 

 

组件的响应式更新：  

把要改变的属性或对象放到data中的return中提前声明，然后在data实例化的时候就可以进行响应式更新了  。