通過三方力量，對vue有了初步的了解，通過數據直接影響視圖。通過vue實現todolist任務來鞏固相關知識點。Todolist需要實現的主要功能有：任務的添加，回車添加（v-model、v-on）、刪除（v-on）、選定重編輯（@dblclick）及取消重編輯（按esc）、對已完 ...

一、環境搭建 　　1.npm 　　　　大型應用時推薦用npm安裝，npm能很好的和webpack等模塊打包器配合使用。具體安裝步驟請參考網上的諸多教程。完成后使用如下命令安裝vue。 　　　　安裝完成后，命令行運行命令 vue ，看到如下效果表示vue安裝 ...

前言 在前面vue的一些博客中，我們幾乎將vue的基礎差不多學習完了，而從本篇博客開始將會進入到vue的另一個階段性學習，本篇博客的內容在以后的vue項目中占很大的比重，所以小伙伴們需要認真學習，本篇博客的內容也比較簡單，看過我博客的人都知道我所寫的每一篇博客都是非常的詳細的，所以大家不要擔心 ...

一、模塊化與組件化 模塊化的定義 模塊化在Node中是一個規范，定義一些模塊的相關的規則，從代碼角度上來說，方便做區別，如果不使用模塊化，寫在js文件中不利於后期維護和擴展，從代碼的層面上就把相關的功能脫離出來，所以模塊化從從代碼的角度觸發，分析項目，把項目中一些功能類型的代碼 ...

前言：這一篇是關於組件基礎、組件注冊、Prop等內容。 1.組件基礎 01.組件是可復用的Vue實例 02.組件中的data選項必須是一個函數 03.一個組件默認可以有任意數量的prop 任何值都可以傳遞給任何prop。就像訪問data一樣。 04.使用 ...

做質量看板時，有個需求是從接口獲取一些項目數據，然后需要把這些數據塞到下拉框組件中 本篇記錄下如何利用v-for遍歷接口返回的數據 后端返回的數據格式如下 我需要把name字段取出來，回顯到下拉框中，效果如下 很明顯，這里前端需要用v-for來處理這些數據 ...

在動態組件上使用 keep-alive： 當在這些組件之間切換的時候，你有時會想保持這些組件的狀態，以避免反復重渲染導致的性能問題 異步組件:在大型應用中，我們可能需要將應用分割成小一些的代碼塊，並且只在需要的時候才從服務器加載一個模塊。為了簡化，Vue 允許你以一個工廠函數的方式 ...

組件 組件（Component）是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素，封裝可重用的代碼。在較高層面上，組件是自定義元素， Vue.js 的編譯器為它添加特殊功能。在有些情況下，組件也可以是原生 HTML 元素的形式，以 js 特性擴展。 1. 全局 ...