Data,computed,watch的作用？

data:

        data是一个对象,和数据相关的属性一般都放在data中

        data对象内部所有的内容都是成对的,也就是键值对,我们叫属性比如site、url、alexa、msg这样的属性是我们自己定义的

        Vue内部把data中的属性使用数据代理的方式直接绑定到了vm对象上

        Vue 会递归的将 data 的属性转换为 getter/setter，从而让 data 的属性能够响应数据变化。对象必须是纯粹的对象 (含有零个或多个的 key/value 对)：浏览器 API 创建的原生对象，原型上的属性会被忽略。大概来说，data 应该只能是数据 - 不推荐观察拥有状态行为的对象。一旦观察过，不需要再次在数据对象上添加响应式属性。因此推荐在创建实例之前，就声明所有的根级响应式属性。官网API-data

computed：

        computed是计算属性,也就是计算值,它更多用于计算值的场景。

        computed具有缓存性,computed的值在getter执行后是会缓存的，只有在它依赖的属性值改变之后，下一次获取computed的值时才会重新调用对应的getter来计算。

        computed适用于计算比较消耗性能的计算场景。

watch:

        更多的是「观察」的作用,类似于某些数据的监听回调,用于观察props $emit或者本组件的值,当数据变化时来执行回调进行后续操作。

        无缓存性，页面重新渲染时值不变化也会执行。

总结：以上就是data,computed,watch的作用，感谢您的观看。