99久久久精品免费观看国产,紧身短裙女教师波多野,正在播放暮町ゆう子在线观看,欧美激情综合色综合啪啪五月

千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  應聘面試  >  html5面試題  > vue實例中的data,在生命周期哪里能找到

vue實例中的data,在生命周期哪里能找到

來源:千鋒教育
發布人:qyf
時間: 2022-11-16 17:01:50 1668589310

vue實例

  如果想要了解哪個生命周期中可以找到vue實例的data,那我們必須了解,vue實例初始化的基本流程。

  一、vue實例的初始化過程

  1. new Vue從new Vue(options) 開始作為入口,Vue只是一個簡單的構造函數,內部是這樣的: function Vue (options) { this._init(options) } 進入了 _init 函數之后,先初始化了一些屬性。

  (1. initLifecycle:初始化一些屬性如$parent,$children。根實例沒有 $parent,$children開始是空數組,直到它的子組件實例進入到initLifecycle時,才會往父組件的 $children里把自身放進去。所以$children里的一定是組件的實例。initEvents:初始化事件相關的屬性,如 _events 等。

  (2. initRender:初始化渲染相關如 $createElement,并且定義了$attrs和$listeners為淺層響應式屬性。

  具體可以查看細節章節。并且還定義了$slots、$scopedSlots,其中$slots是立刻賦值的,但是$scopedSlots初始化的時候是一個emptyObject,直到組件的vm._render過程中才會通過normalizeScopedSlots去把真正的$scopedSlots整合后掛到vm上。然后開始第一個生命周期: callHook(vm, 'beforeCreate')

  2. beforeCreate被調用完成 beforeCreate 之后

  (1. 初始化inject

  (2. 初始化state - 初始化props - 初始化methods - 初始化data - 初始化computed - 初始化watch

  (3. 初始化provide 所以在data中可以使用 props 上的值,反過來則不行。然后進入 created 階段: callHook(vm, 'created')

  3. created被調用完成 調用 $mount 方法,開始掛載組件到dom上。如果使用了 runtime-with-compile版本,則會把你傳入的template選項,或者html文本,通過一系列的編譯生成 render 函數。

  - 編譯這個 template,生成 ast 抽象語法樹。

  - 優化這個 ast,標記靜態節點。(渲染過程中不會變的那些節點,優化性能)。

  - 根據 ast,生成 render 函數。 對應具體的代碼就是: const ast = parse(template.trim(), options) if (options.optimize !== false) { optimize(ast, options) } const code = generate(ast, options) 如果是腳手架搭建的項目的話,這一步 vue-cli 已經幫你做好了,所以就直接進入 mountComponent 函數。

  那么,確保有了render函數后,我們就可以往 渲染的步驟繼續進行了

  二、結論:通過上面的vue實例化的前面幾步我們可以知道,在created生命周期中,我們就可以對data做操作,因為此時根實例相關的屬性都已準備完畢。

  那在created后面執行的生命周期,自然也都可以獲取并操作data,所以能夠操作data的常用生命周期就有如下幾個:

  - created - beforeMount - mounted - beforeUpdate - updated

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
主站蜘蛛池模板: 开始疼痛的小小花蕾3| 55夜色66夜色国产精品视频| 美国式禁忌4桥矿超棒| 三级免费黄色片| 欧美日韩电影在线| 真实的和子乱拍免费视频| 国产老师的丝袜在线看| 日韩三级| 国内精品视频一区二区三区八戒| 边吃奶边摸下面| 99久久精品免费精品国产| 韩国公和熄三级在线观看| 天堂网欧美| 两个丫头稚嫩紧窄小说| 波多野结衣在线观看中文字幕| 国产对白受不了了| 欧美一级在线观看| 里番全彩acg★无翼娜美| 好男人什么影院| 四虎永久免费观看| 丰乳镇娇妻| 欧美一级大片在线观看| 啊v在线播放| 上原瑞穗最全番号| 久久久久久久综合| tube8中国69videos| 试看120秒做受小视频免费| 久久成人免费播放网站| 伊人色综合久久天天网| 国自产拍亚洲免费视频| 超级香蕉97在线观看视频| 国产乱视频| 污污的网站在线免费观看| 久久激情五月丁香伊人| 国产xxxx做受视频| 四虎免费永久在线播放| 最近免费中文字幕大全免费版视频| 中文字幕avdvd| 亚洲伊人色欲综合网| 8x视频在线观看| 高岭家の二轮花未增删|