什么是 Vue.js？
Vue.js 是用于構建交互式的 Web 界面的庫。
Vue.js 提供了 MVVM 數(shù)據(jù)綁定和一個可組合的組件系統(tǒng)，具有簡單、靈活的 API。
Vue.js 特點
簡潔： HTML 模板 + JSON 數(shù)據(jù)，再創(chuàng)建一個 Vue 實例，就這么簡單。
數(shù)據(jù)驅(qū)動： 自動追蹤依賴的模板表達式和計算屬性。
組件化： 用解耦、可復用的組件來構造界面。
輕量： ~24kb min+gzip，無依賴。
快速： 精確有效的異步批量 DOM 更新。
模塊友好： 通過 NPM 或 Bower 安裝，無縫融入你的工作流。
gitHub地址:https://github.com/lily1010/vue_learn/tree/master/lesson11
一 vue表單
實在是太簡單了,直接來個例子
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Vue表單</title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><script src="../js/vue.js" type="text/javascript" charset="utf-8"></script></head><body><div class="test"><!--輸入框--><input type="text" v-model="msg"> <br /><!--單選框--><input id="mycb1" type="radio" v-model="choose1"><label for="mycb1">{{choose1}}</label><!--復選框--><input id="mycb2" type="checkbox" v-model="choose2"><label for="mycb2">{{choose2}}</label><!--Select--><select v-model="selected"><option>A</option><option>B</option><option>C</option></select><span>選中: {{ selected }}</span></div><script type="text/javascript">var vm = new Vue({el: ".test",data: {msg: '我是文本',choose1: false,choose2: false,selected:''}})</script></body></html>以上所述是小編給大家介紹的Vue表單實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持！
新聞熱點
疑難解答
