一步一步學習Vue（十一）
本篇繼續學習vuex，還是以實例為主；我們以一步一步學Vue（四）中講述的例子為基礎，對其改造，基於vuex重構一遍，這是原始的代碼： todolist.js View Code index.html 注意要在html頁面引入vuex的路徑 ...
原文：一步一步學習Vue（十）
本篇說一下組件通信的問題，父子組件通信，前面的博客中已有說明，vue也推薦props in，event out 兄弟節點通信如何做呢 官方其實也給出了實現方式，我們以下面的場景來實現一下： 上圖中，實現如下功能：搜索表單組件中，包含各種搜索條件，當點擊搜索按鈕時，加載數據到列表組件中渲染。 這里會給出三種實現方式，不涉及合適與否，只為演示。 使用父組件進行封裝，把所有操作都移到父組件中 搜索組件， ...
2017-08-01 22:49 7 1606 推薦指數：
相關推薦
一步一步學Vue(二)
接上篇，在本篇中，我們將要實現如下，功能，編輯和查詢，我們當前的todolist程序，和線上其它的demo程序不同，我們會對其進行增刪改查的基本操作，之后進行進一步的完善，按照常規的系統使用經驗，一般我們新增和編輯都是在模態框中處理，這里我們不會去構建復雜的模態框，只用一個簡單的div層來代替 ...
一步一步學Vue（六）
本篇繼續介紹vue-router，我們需要要完成這樣個demo：《分頁顯示文章列表》；這里我們以博客園首頁列表為例簡化處理： 按照上圖框選所示，簡單分為藍色部分文章組件（ArticleItemComponent），橙色框選部分列表組件（ArticleListComponent）；分頁部分 ...
一步一步學Vue（七）
前言：我以后在文章最后再也不說我下篇博文要寫什么，之前說的大家也可以忽略，如果你不忽略，會失望的😄，不過說出去的話還是要表示一下的，簡單介紹一下路由鈎子： 正如其名，vue-router 提供的導航鈎子主要用來攔截導航，讓它完成跳轉或取消。有多種方式可以在路由導航發生時執行鈎子：全局 ...
一步一步學Vue（十二）
為了提升代碼的逼格，之后代碼改為Vue文件組件，之前代碼雖然讀起來容易理解，而且適合在小的項目中使用，但是有如下缺點： 全局定義(Global definitions) 強制要求每個 component 中的命名不得重復 字符串模板(String templates) 缺乏語法高亮 ...
一步一步學Vue(三)
接上篇，有同事看了我寫的博客，覺得我這人不靠譜，文筆太白了，不夠嚴肅，所以這次我一定要做一個嚴肅的人，寫博客要有寫博客的態度，第三篇開始我在考慮一個問題，會不會太着急了，要知道Vue的組件化時它的一個買點，現在還沒有完全的過一遍其核心概念我就開始結合后端了，有點操之過急了，沒寫過這類博文 ...
一步一步學Vue(四)
接上篇。上篇中給出了代碼框架，沒有具體實現，這一篇會對上篇定義的幾個組件進行分別介紹和完善： 1、TodoContainer組件 TodoContainer組件，用來組織其它組件，這是reac ...
一步一步學Vue（九）
接上篇，這次是真的接上篇，針對上篇未完成的部分，增加鑒權功能，開始之前，我們先要介紹一個新的知識，路由元數據。 在vue-router中，定義元數據的方式： 那么如何訪問這個 meta 字段呢？ 首先，我們把routes 配置中的每個路由對象叫做路由記錄。路由記錄可以是 ...