Vue组件三大核心概念

       Vue的核心三大基础概念为：属性、时间和插槽。本文就这三个方面进行深入解析，来了解vue。

一、属性

1.自定义属性props

props 可以显示定义一个或一个以上的数据，对于接收的数据，可以是各种数据类型，同样也可以传递一个函数。

2.inheritAttrs

这是2.4.0 新增的一个API，默认情况下父作用域的不被认作 props 的特性绑定将会“回退”且作为普通的 HTML 特性应用在子组件的根元素上。可通过设置 inheritAttrs 为 false，这些默认行为将会被去掉。注意：这个选项不影响 class 和 style 绑定。

3. data与props区别

※相同点：
data和props的选项里面都可以存放各种类型的数据，当行为操作改变时，所有行为操作所用到和模板所渲染的数据同时都会发生同步变化。
※不同点：
data 被称之为动态数据，可以任意改变它的数据类型和数据结构，不会受到任何环境的影响。
props 被称之为静态数据，在各自实例中，一旦在初始化被定义好类型时，基于 Vue 是单向数据流，在数据传递时始终不能改变它的数据类型，而且不允许在子组件中