Vue应用程序开发（第2版）课件 第2章第一个Vue.js应用（4-6节）.pptxVIP

第2章：第一个Vue.js应用《Vue应用程序开发》

010203005Part12.1Vue.js的使用Part22.2实例及选项Part32.3数据绑定目录CONTENTS0Part42.4计算属性Part52.5生命周期Part62.6章节案例

2.4计算属性计算属性是用来声明式的描述一个值依赖了其它的值。当你在模板里把数据绑定到一个计算属性上时，Vue会在其依赖的任何值导致该计算属性改变时更新DOM。这个功能非常强大，它可以让你的代码更加声明式、数据驱动并且易于维护。模板内的表达式常用于简单的运算，当逻辑过于复杂时，通常使用计算属性。举例：

2.4计算属性举例说明计算属性和methods的区别：methods方法和computed计算属性，两种方式的最终结果是完全相同计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值，多次访问计算属性会立即返回之前的计算结果，而不必再次执行函数。methods方法，每当触发重新渲染时，调用方法将总会再次执行函数。

2.5生命周期任何事物从产生到消亡都有自己的生命周期。Vue实例创建后，都会经历一系列的初始化过程，同时也会调用相应的生命周期钩子。我们可以利用这些钩子，在合适的时机执行我们的业务逻辑，以满足功能需求。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。

2.5生命周期V