Vue.js-----輕量高效的MVVM框架（四、指令）
Vue指令 指令 (Directives) 是特殊的帶有前綴 v- 的特性。指令的值限定為綁定表達式，因此上面提到的 JavaScript 表達式及過濾器規則在這里也適用。指令的職責就是當其表達式的值改變時把某些特殊的行為應用到 DOM 上。 在Vue中，常用的指令有v-text、v-html ...
原文：Vue.js-----輕量高效的MVVM框架（八、使用組件）
什么是組件 組件 Component 是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素，封裝可重用的代碼。在較高層面上，組件是自定義元素，Vue.js 的編譯器為它添加特殊功能。在有些情況下，組件也可以是原生 HTML 元素的形式，以is特性擴展。 全局注冊 html： lt global component gt lt global component gt 是自定義的全局組件 ...
2016-05-25 14:37 5 1423 推薦指數：
相關推薦
Vue.js-----輕量高效的MVVM框架（十、父子組件通信）
#1、父鏈 html： js: dr01作為父代組件，child01作為子代組件，grandson01作為孫代組件 結果： #2、自定義事件 html: js: 結果： #3、使用v-on綁定自定義事件 ...
Vue.js-----輕量高效的MVVM框架（九、組件利用Props傳遞數據）
#使用props傳遞數據 html:傳遞普通的字符串 js: 結果展示： #camelCase vs. kebab-case html:在html中定義或者綁定屬性的時候要符合kebab-case規則 js:在js中定義的屬性名稱 ...
Vue.js-----輕量高效的MVVM框架（十二、組件動態切換）
在寫html的過程中，我們經常會遇到要寫tabs的切換，類似於這樣： 在vue中，我們也有自己的組件和屬性來實現這樣的效果，這個東西我們叫做動態組件。 html: js: 步驟解釋： 1、在html中定義三個template模板 2、在js ...
Vue.js-----輕量高效的MVVM框架（十一、使用slot分發內容）
#單個slot html: js: 結果展示: #具名Slot（有名稱的slot） html： js: 結果展示： #編譯作用域 html: js ...
Vue.js-----輕量高效的MVVM框架（三、認識數據綁定）
插值 1、文本插值 （1）雙向數據綁定 v-model="msg0101"，一旦v-model中的數值發生變化，所有用vue表達式{{msg0101}}的數據都會更新。 （2）單次插值 v-model="msg0102"，但是：如果我們僅僅需要顯示msg0102初始化的值，則用 ...
Vue.js-----輕量高效的MVVM框架（一、初識Vue.js）
1、什么是Vue.js？ 眾所周知，最近幾年前端發展非常的迅猛，除各種框架如：backbone、angular、reactjs外，還有模塊化開發思想的實現庫：sea.js 、require.js 、webpack以及前端上線部署集成工具如： grunt、gulp、fis等。 Vue.js ...
Vue.js-----輕量高效的MVVM框架（七、表單控件綁定）
話不多說，先上完整代碼： #1、Text 最常見的input示例： html 然后在js中定義data的message:"msg" 結果展示： #2、CheckBox html 第一個復選框沒有value屬性，綁定了model ...