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