script中各模块的顺序及使用

各模块顺序

• 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

https://cn.vuejs.org/v2/api/