Vue实例从创建到被销毁的整个过程!
生命周期的三个阶段(与vue官网中的生命周期图对照):
3. 判断当前创建Vue实例的时候传进来的参数中是否有el属性
4. 创建vm.$el(里面的数据已经完全渲染好了), 并且用这个新创建的元素把页面中的el给替换掉
这个时候,我们就在页面上看到了有数据的html元素了!!!
1. Vue会监听数据的变化当數据发生变化的时候
2. Vue会重新渲染虚拟DOM,对页面内容进行更新
2. 会将所有的和当前vue实例相关的资源进行释放
生命周期中的钩子函数:
msg: "雨一直下,氣氛非常融洽" // beforeCreate 数据初始化之前执行的这时候还没数据 // 能够访问数据最早的钩子函数,其实就是created // 重点: 工作中最常用的就是这个钩子函数 // 頁面一家在就要请求数据的ajax请求一般都在这里发送 // 如果在实际开发当中我们要访问有数据的DOM,那么就需要在mounted钩子函数里去做 // 这里可以访問更新前的DOM // 这里可以访问更新后的DOM