chevron_left

Vue 2 实践教程

免费
第 2.7 回

教程文档

Vue 2 实践教程 - 生命周期

2023年11月23日
Vue 2 实践教程

生命周期

1.png

beforeCreate

实例初始化之后,this指向创建的实例,不能访问到datacomputedwatchmethods上的方法和数据。

常用于初始化非响应式变量

created

实例创建完成,可访问datacomputedwatchmethods上的方法和数据,未挂载到DOM,不能访问到$el属性,$ref属性内容为空数组

常用于Ajax请求,页面的初始化

beforeMount

挂载开始之前被调用,在beforeMount之前,会找到对应的template,并编译成render函数

mounted

实例挂载到DOM上,此时可以通过DOM API获取到DOM节点,$ref属性可以访问。

常用于获取VNode信息和操作,`...

课程介绍

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

目录

适合这样的人

新手