都9012了，vue應該是每個前端er的標配了吧，我們僅僅要會它的基本使用。今天來扯一扯vue的自定義的指令。
1、v-model 一般用來實現雙向資料繫結的。一般結合表單控制項一起使用。
2、v-show 控制元素的顯示or隱藏，v-if 和v-show效果表現一樣，但是v-if ='false'會移除dom
……當然還有很多，就不一一枚舉了
任何的的框架不可能把所有的功能都做全了。乙個優秀的框架，一定會給開發者提供自定義的擴充套件，像jquery很強大吧，依然有很多第三方的外掛程式，vue也不例外，可以讓我們擴充套件自己的指令。
乙個自定義的指令，或者乙個第三方的外掛程式的由來，一定是專案中的需求產生的。好了，先來說說我的vue專案中，經常會用到的乙個簡單的需求。就是乙個按鈕我手指按下，按鈕要有乙個響應，手指抬起，按鈕還原到初始狀態。先來看效果。
這裡囉嗦個一句：在移動端的開發的中，不要用button做為按鈕。樣式太chou,還是用div這樣的元素去封裝樣式吧。
我們可以在vue類本身上擴充套件指令：vue.directive('指令名稱，不帶v-',)，第乙個引數是指令名稱，第二個引數可以是乙個物件，也可以是乙個function,今天我們以物件為例。物件中會掛幾個鉤子函式
今天我們要用到的是這個bind。廢話少說上**：
戳我試試window.onload = function()); el.addeventlistener('touchend',e=>); }}); new vue({ el:"#box 自定義tabs切換顯示不同內容 Vue
使用方法 1 傳入內容為標題的title陣列 2 向外傳遞了乙個currentindex的方法,引數就是當前選中標題的索引 根據索引展示不同內容 示例 tab tab tit for item,index in title key index class currentindex index?on ...
Vue自定義元件 簡單實現乙個自定義元件
在用vue構建專案的過程中，我們有時會用到別人開發的元件如vue router 使用他人元件的正常步驟如下 1 命令列進行安裝，執行install 2 在vue專案中的入口檔案main.js中，進行匯入 3 然後用vue.use plugin 引入該元件。我們也可以創造屬於自己的元件，具體步驟如下 ...
Vue自定義元件 簡單實現乙個自定義元件
在用vue構建專案的過程中，我們有時會用到別人開發的元件如vue router 使用他人元件的正常步驟如下 1 命令列進行安裝，執行install 2 在vue專案中的入口檔案main.js中，進行匯入 3 然後用vue.use plugin 引入該元件。我們也可以創造屬於自己的元件，具體步驟如下 ...