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