Vue 学习笔记

①data的作用：在页面中需要显示或者使用的数据。数据的来源有三种：手动确定的数据；从后台获取的数据以及从父组件传递的数据。

data有两种写法：data：{ … } , data( ){ return{ … } }这两种写法在作用和用法上有区别，使用需要根据需要选择。

data:{…} 是一个对象，data( ){ return {…} }是一个函数。在有组件的应用中，我们不希望所有的组件共享同一个data，所以我们需要使用 data（）{return{…}}的写法。在 app = new Vue时，因为app对象不会被复用，所以两种写法在效果上没有区别。

②methods的作用：methods顾名思义是写方法的区域，我们将需要使用到的方法写在此区域中，以便在其他地方可以直接调用。

③computed的作用：当你需要时刻关注一个属性的值是否发生变化时，那么你可以在computed中写一个函数监听这个属性，当属性值发生变化的函数会被调用。computed是基于基于的依赖进行缓存的。

④watch的作用：watch的作用和computed类似，也是实时监听一个数据的变化，官方的说法意思是computed比watch在写法上上简单，推荐使用computed代替watch。

⑤components的作用：当你需要在本页面用导入使用组件，那么需要两步，第一步是导入组件，第二步是在components中注册导入的组件，否则组件无法使用。

⑥props的作用：当我们需要在子组件中使用父组件的数据时，此时我们需要在子组件的props中接收父组件传递过来的数据。此外我们还需要在父组件的页面中将数据传递给子组件。<子组件 :data=”datas”>