Vue的核心三大基础概念为:属性、时间和插槽。本文就这三个方面进行深入解析,来了解vue。
一、属性
1.自定义属性props
props 可以显示定义一个或一个以上的数据,对于接收的数据,可以是各种数据类型,同样也可以传递一个函数。
2.inheritAttrs
这是2.4.0 新增的一个API,默认情况下父作用域的不被认作 props 的特性绑定将会“回退”且作为普通的 HTML 特性应用在子组件的根元素上。可通过设置 inheritAttrs 为 false,这些默认行为将会被去掉。注意:这个选项不影响 class 和 style 绑定。
- data与props区别
※相同点:
data和props的选项里面都可以存放各种类型的数据,当行为操作改变时,所有行为操作所用到和模板所渲染的数据同时都会发生同步变化。
※不同点:
data 被称之为动态数据,可以任意改变它的数据类型和数据结构,不会受到任何环境的影响。
props 被称之为静态数据,在各自实例中,一旦在初始化被定义好类型时,基于 Vue 是单向数据流,在数据传递时始终不能改变它的数据类型,而且不允许在子组件中直接操作 传递过来的props数据,而是需要通过别的手段,改变传递源中的数据。
4.单向数据流
修改传递过来的props方法
☆方法1:过渡到data选项中==>