一、前言 之前的博客聊過 vue2.0和react的技術選型；聊過vue的axios封裝和vuex使用。今天簡單聊聊 vue 組件的封裝。 vue 的ui框架現在是很多的，但是鑒於移動設備的復雜性，兼容性問題突出。像 Mint-UI 等說實話已經很不錯了，但是坑也是 ...

自定義組件的 v-model 一個組件上的 v-model 默認會利用名為 value 的 prop 和名為 input 的事件，但是像單選框、復選框等類型的輸入控件可能會將 value 特性用於不同的目的。model 選項可以用來避免這樣的沖突： 現在在這個組件上使用 ...

1、為什么要使用自定義組件？ 自定義組件是用來封裝復雜的內容，提高可重用性，比如封裝復雜的表格組件、日歷組件、圖片輪播組件等。 2、自定義組件 2.1. 全局組件 全局組件是每個Vue對象都能使用的組件。 通過Vue.component()函數 ...

理解 組件：簡言之就是將一些共性的內容做一個封裝，方便以后重復使用。 在vue中組件包括：全局組件和局部組件。組件都具有復用性，自定義的組件擁有vue的全部特性，包括生命周期、template、data、methods、script、style等。 組件的命名： （1）組件名稱官方規定 ...

除了核心功能默認內置的指令外，vue也允許用戶注冊自定義指令。雖然在vue2.0中，代碼復用和抽象的主要形式是組件，但是有些情況下，我們仍需要對普通DOM元素進行底層操作，這個時候就需要用到自定義指令，例如，我們希望將元素的背景色變為紅色，就可以通過指令實現。 上面簡單的實例中 ...

1、前言   通過封裝el-pagination組件開發自定義分頁組件的類似文章網上已經有很多了，但看了一圈，總是不如意，於是決定還是自己動手搞一個。 2、背景 2.1、常規分頁處理方法   利用el-pagination組件的常規做法如下：   模板部分：   腳本 ...

props的使用。props可以是一個數組，也可以是一個對象。 ...

　　在使用vue的過程中，經常會用到Vue.use，但是大部分對它一知半解，不了解在調用的時候具體做了什么，因此，本文簡要概述下在vue中，如何封裝自定義插件。 　　在開始之前，先補充一句，其實利用vue封裝自定義插件的本質就是組件實例化的過程或者指令等公共屬性方法的定義過程，比較大的區別 ...