8. vue 的生命周期

vue的生命周期就是一个vue组件从出生到死亡的过程

*** 生命周期，你需要知道它是什么时候触发。

beforeCreate

　　在组件初始化之前在这个生命周期中组件的数据、方法、事件都还没有。

　　简单来说，new Vue之后，可以理解为第一句话就调用beforeCreate

　　可以在loading的时候用

　　function Fn(age){

　　　　beforeCreate();

　　　　this.age = age;

　　}

created

　　当数据、方法、事件初始化之后调用.

　　简单点来说，当数据有初始值之后调用。

　　一般都是请求数据的时候用,关闭loading。

　　function Fn(age){

　　　　beforeCreate();

　　　　this.age = age;

　　　　created()

　　}

　　要么看看有没有el属性，没有就再看看实例下有没有$mount(el)

　　有就使用$mount的el

** template属性，会覆盖根元素

　　template:'<div></div>'

　　</template>

　　template:'#demo1'

　　<h2 style="color:red">我是script标签模板</h2>

　　<//script>

　　template:'#demo2'

　　有模板走模板，没模板走根元素的innerHTML

beforeMount:

　　渲染之前

mounted

　　DOM渲染之后，可以获取页面的元素（主要是数据生成出来的元素）

　　当DOM更新完成时触发。只要操作DOM直接使用 nextTick 搞定

　　　　Vue.nextTick()

　　　　.then(function () {

　　　　// DOM 更新了

　　　　});

angular : 脏值检查

　　[

　　　　{

　　　　　　name:'ul',

　　　　　　children:[

　　　　　　　　{name:li},

　　　　　　]

　　　　}

　　]

　　[

　　　　{

　　　　　　name:'ul',

　　　　　　children:[

　　　　　　　　{name:li},

　　　　　　]

　　　　}

　　]

beforeUpdate

　　数据更新之前

updated

　　数据更新之后

　　其实直接使用computed即可。

beforeDestroy

　　死亡前

　　关掉定时器、状态的初始化

destroyed 没有路由的时候是人为手动触发，有路由，切换路由的时候上一个组件触发

　　死亡后，数据就不能添加了

课件（2019-1-5）

转载于:https://www.cnblogs.com/MrZhujl/p/10229896.html

8. vue 的生命周期相关推荐

Vue.js 生命周期
2019独角兽企业重金招聘Python工程师标准>>> 每个 Vue 实例在被创建之前都要经过一系列的初始化过程 vue在生命周期中有这些状态, beforeCreate,creat ...
vue避免重新渲染_小白也能懂的VUE的生命周期探寻
Vue生命周期作为vue的核心之一,生命周期不管是文档还是面试都是高频知识点今天我们从什么是生命周期,生命周期的内容,如何利用生命周期出发,做一些探究生命周期的理解官方:Vue 实例从创建到销毁的过 ...
js字符串替换_浅析Vue的生命周期以及JS异步
前言 Vue的生命周期和JS异步都是有很多文章的知识点,我之前也是一知半解,基本够用. 但是直到我在开发的时候真的遇到了问题,才发现如果不把这些知识点融汇到一起,很难解决实际问题. 我甚至觉得这是我离 ...
vue生命周期图示中英文版Vue实例生命周期钩子
vue生命周期图示中英文版Vue实例生命周期钩子知乎上近日有人发起了一个 "react 是不是比 vue 牛皮,为什么?" 的问题,Vue.js 作者尤雨溪12月4日正面回应了该 ...
vue 生命周期_深入理解Vue实例生命周期
‍vue实例生命周期与生命周期钩子‍ 每个 Vue 实例在被创建时都会经过一系列的初始化过程.例如,需要设置数据监听.编译模板.将实例挂载到 DOM 并在数据变化时更新 DOM 等. 为了让开发者在 ...
[vue] 请描述下vue的生命周期是什么？
[vue] 请描述下vue的生命周期是什么? 生命周期就是vue从开始创建到销毁的过程,分为四大步(创建,挂载,更新,销毁),每一步又分为两小步,如beforeCreate,created.befor ...
Vue第一部分(6)：Vue的生命周期
每个 Vue 实例在被创建时都要经过一系列的初始化过程 :创建实例,装载模板,渲染模板.销毁等.Vue为生命周期中的每个状态都设置了钩子函数(监听函数).当Vue实例处于不同的生命周期时,对应的函数就 ...
vue的生命周期和钩子函数的理解
对于vue的生命周期,官方文档上并没有太多的文字性说明,把自己对生命周期和钩子函数的理解记录下来官方文档自己的理解 vue生命周期的概念:vue对象从被创建,到执行逻辑,最后到被销毁的过程. 具体 ...
详解Vue八大生命周期钩子函数
摘要:Vue为生命周期中的每个状态都设置了钩子函数(监听函数) .每当Vue实例处于不同的生命周期时,对应的函数就会被触发调用. 本文分享自华为云社区<一文带你弄懂Vue八大生命周期钩子函数&g ...
java 实例的生命周期_[Java教程]Vue实例生命周期
[Java教程]Vue实例生命周期 0 2017-08-15 19:00:09 前面的话 Vue实例在创建时有一系列的初始化步骤,例如建立数据观察,编译模板,创建数据绑定等.在此过程中,我们可以通过一 ...

8. vue 的生命周期

8. vue 的生命周期相关推荐

最新文章

热门文章