03第2章第一个Vue.js应用（4-6节）_第1页
03第2章第一个Vue.js应用（4-6节）_第2页
03第2章第一个Vue.js应用（4-6节）_第3页
03第2章第一个Vue.js应用（4-6节）_第4页
03第2章第一个Vue.js应用（4-6节）_第5页
已阅读5页，还剩3页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第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生命周期Vue.js的生命周期对应的方法方法名含义beforeCreate（创建前）在实例初始化之后，在数据观测（DataObserver）和event/watcher事件配置之前被调用。created（创建完毕）在实例创建完成后被立即调用，此时已完成数据绑定和事件配置，但尚未生成DOM。beforeMount（挂载前）在挂载开始之前被调用，且在服务器端渲染期间不能被调用。mounted（挂载结束）在挂载之后被调用，且在服务器端渲染期间不能被调用。beforeUpdate（更新前）当数据发生变化时调用，此时DOM结构尚未完成更新，且在服务器端渲染期间不能被调用。updated（更新完成）实例和DOM结构完成更新后被调用，在服务器端渲染期间不能被调用。beforeUnmount（卸载前）在Vue实例卸载之前调用，此时实例仍然可用，在服务器端渲染期间不能被调用。unmounted（卸载完成）在Vue实例卸载之后调用，Vue实例指示的所有实例指令和子实例都会解绑定，所有的事件监听器都会被移除，在服务器端渲染期间不能被调用。2.6【章节案例】：简单的计时器2.6.1案例描述页面计时器从0开始，单击“开始计时”按钮，开始按秒计时。单击“暂停计时”按钮，计时会被暂停，当再次单击“开始计时按钮”，会继续计时。2.6.2案例设计使用插值法插入Vue示例

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论