vue知識點總結

mdluo 發布于2019-08-26 14:04 / 2877人閱讀

摘要：知識點的生命周期生命周期鉤子描述在實例初始化前，數據觀測和事件配置之前被調用實例被創建完成后調用。在這一步，實例已經完成以下配置數據觀測，屬性和方法的運算，事件的回調。

vue知識點 1.vue的生命周期

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

2.keep-alive

它是vue的內置組件，能在組件切換過程中將狀態保存在內存中，防止重復渲染dom

3.vue中的指令

v-if指令

條件渲染指令，根據表達式真假來刪除和插入元素

v-show指令

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

v-eles指令

與v-if或v-show同時使用，v-if條件不成立就會顯示v-else

v-for指令

基于一個數組渲染一個列表，與js的遍歷相似

v-bind指令

動態綁定一個或者多個特性，可簡寫為：class（原v-bind：class）

v-on指令

用來監聽dom事件，用法和v-bind類似

4.組件通信

父子組件通信主要是通過props和自定義事件，父組件通過props給子組件下發數據，子組件通過事件給父組件發出消息

5.雙向數據綁定原理

vue內部通過object.defineProperty方法屬性攔截的方式，把data對象的每個數據讀寫轉化為getter/setter，當數據變化通知視圖更新。

6.vue是什么

vue是一個構建數據驅動的web界面的漸進式框架

7.vue修飾符

.lazy

在默認情況下，v-model?在每次?input?事件觸發后將輸入框的值與數據進行同步。你可以添加?lazy?修飾符，從而轉變為使用?change?事件進行同步：

.number（v-model）

將輸入的輸入值自動轉化為數值類型

.trim（v-model）

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

事件修飾符















...



...

未完待續~~~~

GPU云服務器云服務器 linux數據結構知識點總結位段知識總結年終總結網絡總結

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109999.html

Java學習路線總結，搬磚工逆襲Java架構師（全網最強）

摘要：哪吒社區技能樹打卡打卡貼函數式接口簡介領域優質創作者哪吒公眾號作者架構師奮斗者掃描主頁左側二維碼，加入群聊，一起學習一起進步歡迎點贊收藏留言前情提要無意間聽到領導們的談話，現在公司的現狀是碼農太多，但能獨立帶隊的人太少，簡而言之，不缺干 ? 哪吒社區Java技能樹打卡?【打卡貼 day2...

Scorpion 2021-11-18 10:02 評論0 收藏0
基于vue項目的知識總結

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

tianlai 2019-08-29 14:07 評論0 收藏0
vue常用知識點總結

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

xiaokai 2019-08-22 17:10 評論0 收藏0
前端最實用書簽(持續更新)

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

sshe 2019-08-23 12:00 評論0 收藏0