各模块顺序
- name
- props
- data
- computed
- createdmounted
- methods通常放最后
1.name
图片.png
2.props
在组件中，使用选项props来声明需要从父级接收的数据，props的值可以是两种，一种是字符串数组，一种是对象。
3.data
用于定义属性
图片.png
- 组件可以有自己的data数据
- 组件的data和实例的data有点不一样，实例中的data可以为一个对象，但是组件中的data必须是一个方法
- 组件中的data除了必须为一个方法之外，这个方法内部，还必须返回一个对象才行
-
组件中的data数据，使用方式，和实例中的data使用方式完全一样！！！
图片.png
4.computed(计算属性）
含义：计算属性的本质就是一个方法，只不过，我们在使用这些计算属性的时候，是把它们的名称直接当作属性来使用的；并不会把计算属性，当作方法去调用
使用：完成各种复杂的逻辑，包括运算、函数调用等，只要最终返回一个结果就可以。
图片.png
conmputed和methods的区别：计算属性是基于它的依赖缓存的。一个计算属性所依赖的数据发生变化时，它才会重新取值。（当遍历大数组和做大量计算时，应当使用计算属性）
5.methods
用于定义函数，可以通过return来返回函数值
图片.png
