淺入深出Vue：子組件與數據傳遞
上一篇了解了組件的概念及在使用中需要注意的地方。在面對單個組件邏輯復雜需要拆分時，難免會遇到父子組件之間數據傳遞的問題。那么我們來了解一下在父子組件之間進行數據傳遞時需要遵循哪些約定，以及要注意哪些問題。 如何傳遞 父組件向子組件在進行傳遞時，使用的是 prop特性進行傳遞。 約定 老規矩 ...
原文：淺入深出Vue：組件
組件在 vue開發中是必不可少的一環，用好組件這把屠龍刀，就能解決不少問題。 組件是什么 官方的定義： 組件是可復用的 Vue 實例，並且可帶有一個名字。 官方的定義已經非常簡明了，組件就是一個實例。 如何使用組件 在具體編寫組件實例代碼前，我們先來如下幾個約定： 所有組件基於單文件組件，即一個 .vue文件就是一個組件 data 必須為一個函數 template 節點下只能有一個子節點 約束不多 ...
2019-07-09 20:43 0 589 推薦指數：
相關推薦
淺入深出Vue：前言
淺入深出Vue系列文章 之前大部分是在做后端，后來出於某些原因開始接觸Vue。深感前端變化之大，各種工具、框架令人眼花繚亂。不過正是這些變化，讓前端開發更靈活。 博主在剛開始時，參考官網的各個步驟以及網上的博客。搭個環境，跑起來demo都費了大半天的勁。 本系列文章的初衷： 迅速 ...
淺入深出Vue：路由
路由的概念在計算機界中的歷史大概可以追溯到OSI模型中的數據鏈路層與網絡層中的定義。這里的定義大意是：在轉發數據包時，根據數據包的目的地址進行尋址，從而將數據包發往指定的目的地。 在 Web開發中同 ...
淺入深出Vue：注冊
基本布局已經有了， 現在我們來開始做我們的注冊頁面~ 當然需要注冊才能發表文章啊（糟老頭子壞得很， 我可以只有我一個人能發啊）。 這里我們設定只有注冊才能發表文章，也就淡化了管理員這個概念。在開發中先將原型做出來，然后再對其進行迭代、重構來達到我們最終想要的效果。 准備 新建 vue ...
淺入深出Vue：事件處理
折疊 v-on支持監聽原生的 DOM事件，也就是 vue中也支持以前純js寫法中各式各樣的時間， ...
淺入深出Vue：數據渲染
今天來正式開始 vue的學習，首當其沖的當然是數據的渲染。畢竟數據就是拿來看的，看看如果使用 vue來展示數據。 為什么渲染 俗話說 "人靠衣裝馬靠鞍", 那咱們的代碼就是得靠 UI 來展現了。實現的代碼規不規范，表不標准那是后話。但必須要好看~（開個玩笑，代碼同樣要注意整潔與優雅噢） 數據 ...
淺入深出Vue：代碼整潔之封裝
深入淺出vue系列文章已經更新過半了，在入門篇中我們實踐了一個小小的項目。 《代碼整潔之道》一書中提到過一句話： 神在細節中 這句話來自20世紀中期注明現代建築大師 路德維希·密斯·范·德·羅所說，他秉承的是少即是多的建築設計哲學，玻璃幕牆等現代建築結構便是由他締造的。 而這 ...
淺入深出Vue：文章列表
終於到我們小項目的最后一個功能了，那就是列表頁展示！ 新建組件 先來新建組件 List.vue： 然后添加對應的路由對象： 編寫頁面代碼 這里我們選擇 ElementUI 中的 Table 組件來進行展示，文章列表接口的數據定義如下： 效果如下： 這個效果不是很好 ...