日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > vue >内容正文

vue

Vue基础之Vue实例

發(fā)布時間:2023/12/10 vue 26 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Vue基础之Vue实例 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

構(gòu)造器:

每個 Vue.js 應用都是通過構(gòu)造函數(shù) Vue 創(chuàng)建一個 Vue 的根實例 啟動的:

在實例化 Vue 時,需要傳入一個選項對象,它可以包含數(shù)據(jù)、模板、掛載元素、方法、生命周期鉤子等選項。

可以通過擴展選項來擴展 Vue 構(gòu)造器函數(shù),從而用我們指定傳入的擴展選項來創(chuàng)建可復用的組件構(gòu)造器

所有的”myComponentInstance”對象都是通過預先傳入的擴展選項被創(chuàng)建的

屬性與方法:

每個 Vue 實例都會代理其 data 對象里所有的屬性:

除了 data 屬性, Vue 實例也擁有各自的實例屬性與方法,這些屬性與方法都有前綴 $,以便與代理的 data 屬性區(qū)分

實例生命周期:

每個 Vue 實例在被創(chuàng)建之前都要經(jīng)過一系列的初始化過程。例如,實例需要配置數(shù)據(jù)觀測(data observer)、編譯模版、掛載實例到 DOM ,然后在數(shù)據(jù)變化時更新 DOM 。在這個過程中,實例也會調(diào)用一些生命周期鉤子 ,這就給我們提供了執(zhí)行自定義邏輯的機會

如,created 這個鉤子在實例被創(chuàng)建之后被調(diào)用

生命周期圖示:

下圖說明了實例的生命周期。你不需要立馬弄明白所有的東西,不過以后它會有幫助

總結(jié)

以上是生活随笔為你收集整理的Vue基础之Vue实例的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。