什麼是 Vue.js？
Vue.js 是用於構建交互式的 Web 界面的庫。
Vue.js 提供了 MVVM 數據綁定和一個可組合的組件系統，具有簡單、靈活的 API。
Vue.js 特點
簡潔： HTML 模板 + JSON 數據，再創建一個 Vue 實例，就這麼簡單。
數據驅動： 自動追蹤依賴的模板表達式和計算屬性。
組件化： 用解耦、可復用的組件來構造界面。
輕量： ~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表單實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對網站的支持！