Vue.js-----輕量高效的MVVM框架（三、認識數據綁定）
插值 1、文本插值 （1）雙向數據綁定 v-model="msg0101"，一旦v-model中的數值發生變化，所有用vue表達式{{msg0101}}的數據都會更新。 （2）單次插值 v-model="msg0102"，但是：如果我們僅僅需要顯示msg0102初始化的值，則用 ...
原文：Vue.js-----輕量高效的MVVM框架（七、表單控件綁定）
話不多說，先上完整代碼： Text 最常見的input示例： html 然后在js中定義data的message: msg 結果展示： CheckBox html 第一個復選框沒有value屬性，綁定了model為 checked ，默認值是布爾類型，選中為true，未選中為false。 第二個復選框選項綁定的model是checkedNames，在多個選項中進行多選操作，最終的結果會將check ...
2016-05-23 16:29 5 1929 推薦指數：
相關推薦
Vue.js-----輕量高效的MVVM框架（四、指令）
Vue指令 指令 (Directives) 是特殊的帶有前綴 v- 的特性。指令的值限定為綁定表達式，因此上面提到的 JavaScript 表達式及過濾器規則在這里也適用。指令的職責就是當其表達式的值改變時把某些特殊的行為應用到 DOM 上。 在Vue中，常用的指令有v-text、v-html ...
Vue.js-----輕量高效的MVVM框架（八、使用組件）
什么是組件？ 組件（Component）是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素，封裝可重用的代碼。在較高層面上，組件是自定義元素，Vue.js 的編譯器為它添加特殊功能。在有些情況下，組件也可以是原生 HTML 元素的形式，以 is 特性擴展。 #1、全局注冊 ...
Vue.js-----輕量高效的MVVM框架（六、Class與Style綁定）
這個相對來說簡單，看一遍代碼就懂。 一、完整片段： 二、結果展示： 三、渲染后的html代碼 ...
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、父鏈 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框架（十一、使用slot分發內容）
#單個slot html: js: 結果展示: #具名Slot（有名稱的slot） html： js: 結果展示： #編譯作用域 html: js ...