亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

vue知識(shí)點(diǎn)總結(jié)

mdluo / 2934人閱讀

摘要：知識(shí)點(diǎn)的生命周期生命周期鉤子描述在實(shí)例初始化前，數(shù)據(jù)觀測(cè)和事件配置之前被調(diào)用實(shí)例被創(chuàng)建完成后調(diào)用。在這一步，實(shí)例已經(jīng)完成以下配置數(shù)據(jù)觀測(cè)，屬性和方法的運(yùn)算，事件的回調(diào)。

vue知識(shí)點(diǎn) 1.vue的生命周期
生命周期鉤子 描述
beforeCreate 在實(shí)例初始化前，數(shù)據(jù)觀測(cè)和event/watcher事件配置之前被調(diào)用
created 實(shí)例被創(chuàng)建完成后調(diào)用。在這一步，實(shí)例已經(jīng)完成以下配置：數(shù)據(jù)觀測(cè)，屬性和方法的運(yùn)算，watcher/event事件的回調(diào)。掛載階段還沒開始，$el屬性不可見
beforeMount 在掛載之前調(diào)用，相關(guān)的render首次被調(diào)用
mounted el被新創(chuàng)建的vm.$el替換，并掛載到實(shí)例上去之后調(diào)用該鉤子。如果root實(shí)例掛載了一個(gè)文檔內(nèi)元素，當(dāng)mounted被調(diào)用時(shí)vm.el也在文檔內(nèi)
beforeUpdate 數(shù)據(jù)更新時(shí)調(diào)用，發(fā)生在虛擬dom重新渲染和打補(bǔ)丁之前。你可以在這個(gè)鉤子中進(jìn)一步更改狀態(tài)，不會(huì)觸發(fā)重渲染過程
updated 由于數(shù)據(jù)更改導(dǎo)致的虛擬 DOM 重新渲染和打補(bǔ)丁，在這之后會(huì)調(diào)用該鉤子。當(dāng)這個(gè)鉤子被調(diào)用時(shí)，組件 DOM 已經(jīng)更新，所以你現(xiàn)在可以執(zhí)行依賴于 DOM 的操作。
activated keep-alive 組件激活時(shí)調(diào)用。
deactivated keep-alive 組件停用時(shí)調(diào)用。
beforeDestroy 實(shí)例銷毀之前調(diào)用。在這一步，實(shí)例仍然完全可用。
destroyed Vue 實(shí)例銷毀后調(diào)用。調(diào)用后，Vue 實(shí)例指示的所有東西都會(huì)解綁定，所有的事件監(jiān)聽器會(huì)被移除，所有的子實(shí)例也會(huì)被銷毀。
2.keep-alive

它是vue的內(nèi)置組件，能在組件切換過程中將狀態(tài)保存在內(nèi)存中，防止重復(fù)渲染dom

3.vue中的指令

v-if指令

條件渲染指令，根據(jù)表達(dá)式真假來刪除和插入元素

v-show指令

與v-if的區(qū)別，不管條件成立與否，v-show都會(huì)渲染html，v-if只有為true才會(huì)渲染

v-eles指令

與v-if或v-show同時(shí)使用，v-if條件不成立就會(huì)顯示v-else

v-for指令

基于一個(gè)數(shù)組渲染一個(gè)列表，與js的遍歷相似

v-bind指令

動(dòng)態(tài)綁定一個(gè)或者多個(gè)特性，可簡(jiǎn)寫為：class（原v-bind：class）

v-on指令

用來監(jiān)聽dom事件，用法和v-bind類似

4.組件通信

父子組件通信主要是通過props和自定義事件，父組件通過props給子組件下發(fā)數(shù)據(jù)，子組件通過事件給父組件發(fā)出消息

5.雙向數(shù)據(jù)綁定原理

vue內(nèi)部通過object.defineProperty方法屬性攔截的方式，把data對(duì)象的每個(gè)數(shù)據(jù)讀寫轉(zhuǎn)化為getter/setter，當(dāng)數(shù)據(jù)變化通知視圖更新。

6.vue是什么

vue是一個(gè)構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的web界面的漸進(jìn)式框架

7.vue修飾符

.lazy

在默認(rèn)情況下，v-model?在每次?input?事件觸發(fā)后將輸入框的值與數(shù)據(jù)進(jìn)行同步 。你可以添加?lazy?修飾符，從而轉(zhuǎn)變?yōu)槭褂?change?事件進(jìn)行同步：

.number（v-model）

將輸入的輸入值自動(dòng)轉(zhuǎn)化為數(shù)值類型

.trim（v-model）

過濾用戶輸入的首尾空白字符

事件修飾符


















...





...

未完待續(xù)~~~~

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/109999.html

相關(guān)文章

  • Java學(xué)習(xí)路線總結(jié)，搬磚工逆襲Java架構(gòu)師（全網(wǎng)最強(qiáng)）

    摘要：哪吒社區(qū)技能樹打卡打卡貼函數(shù)式接口簡(jiǎn)介領(lǐng)域優(yōu)質(zhì)創(chuàng)作者哪吒公眾號(hào)作者架構(gòu)師奮斗者掃描主頁左側(cè)二維碼，加入群聊，一起學(xué)習(xí)一起進(jìn)步歡迎點(diǎn)贊收藏留言前情提要無意間聽到領(lǐng)導(dǎo)們的談話，現(xiàn)在公司的現(xiàn)狀是碼農(nóng)太多，但能獨(dú)立帶隊(duì)的人太少，簡(jiǎn)而言之，不缺干 ? 哪吒社區(qū)Java技能樹打卡?【打卡貼 day2...

    Scorpion 評(píng)論0 收藏0

  • 基于vue項(xiàng)目的知識(shí)總結(jié)

    摘要：前言用有一段時(shí)間了，從用搭建項(xiàng)目一步步配置，到之后的研究動(dòng)效這些，一直想寫些東西記錄一下做個(gè)總結(jié)，剛好趁著有空就整理一下。結(jié)語有新的知識(shí)點(diǎn)會(huì)更新到知識(shí)體系中，總結(jié)和心得體會(huì)會(huì)單獨(dú)寫文章詳述，努力填坑 前言 用vue有一段時(shí)間了，從用vue-cli搭建項(xiàng)目、一步步配置axios、vuex、vue-router，到之后的研究canvas、動(dòng)效這些，一直想寫些東西記錄一下、做個(gè)總結(jié)，剛好趁著...

    tianlai 評(píng)論0 收藏0

  • vue常用知識(shí)點(diǎn)總結(jié)

    摘要：這里借鑒了一下的處理方式，我們把單獨(dú)模塊的包裝成一個(gè)函數(shù)，提供一個(gè)全局的回調(diào)方法，加載完成時(shí)候再調(diào)用回調(diào)函數(shù)。 感謝本文引用鏈接的各位大佬們，小菜鳥我只是個(gè)搬運(yùn)工 1.談一談你理解的vue是什么樣子的？ vue是數(shù)據(jù)、視圖分離的一個(gè)框架，讓數(shù)據(jù)與視圖間不會(huì)發(fā)生直接聯(lián)系。MVVM 組件化：把整體拆分為各個(gè)可以復(fù)用的個(gè)體 數(shù)據(jù)驅(qū)動(dòng)：通過數(shù)據(jù)變化直接影響bom展示，避免dom操作。 可以在...

    xiaokai 評(píng)論0 收藏0

  • 前端最實(shí)用書簽(持續(xù)更新)

    摘要：前言一直混跡社區(qū)突然發(fā)現(xiàn)自己收藏了不少好文但是管理起來有點(diǎn)混亂所以將前端主流技術(shù)做了一個(gè)書簽整理不求最多最全但求最實(shí)用。 前言 一直混跡社區(qū),突然發(fā)現(xiàn)自己收藏了不少好文但是管理起來有點(diǎn)混亂; 所以將前端主流技術(shù)做了一個(gè)書簽整理,不求最多最全,但求最實(shí)用。 書簽源碼 書簽導(dǎo)入瀏覽器效果截圖showImg(https://segmentfault.com/img/bVbg41b?w=107...

    sshe 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<