Vue.js 中created方法的作用【学习】
生活随笔
收集整理的這篇文章主要介紹了
Vue.js 中created方法的作用【学习】
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1、這是它的一個生命周期鉤子函數,就是一個Vue實例被生成后調用這個函數,一個Vue實例被生成后還要綁定到某個htm元素上,之后還要進行編譯,然后再插入到document中。每一個階段都會有一個鉤子函數,方便開發者在不同的階段處理不同的邏輯。
實例生命周期: 原文鏈接
每個Vue實例在被創建之前都要經過一系列的初始化過程,例如,實例需要配置數據觀測(data、observer)、編譯模板、掛載實例到DOM,然后在數據變化時更新DOM。在這個過程中,實例也會調用一些生命周期鉤子,這就給我們提供了執行自定義邏輯的機會。
例如,created這個鉤子在實例被創建之后被調用:
var vm = new Vue({data: {a: 1},created: function () {// `this` 指向 vm 實例console.log('a is: ' + this.a)} }) //輸出 -> "a is: 1"也有一些其它的鉤子,在實例生命周期的不同階段調用,如mounted、updated、destoryed。鉤子的this指向調用它的Vue實例。一些用戶可能會問Vue.js是否有"控制器"的概念?答案是,沒有。組件的自定義邏輯分布在這些鉤子中。
生命周期圖示:(Vue.js的官方解釋)
你要去做一個大人,不要回頭,不要難過。
“要做一個善良的,被別人喜歡的人。”
總結
以上是生活随笔為你收集整理的Vue.js 中created方法的作用【学习】的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 2020-11-30
- 下一篇: 为什么算出来的圆周率 π 等于 4 ?