What is Vue.js?
Vue.js is a library for building interactive web interfaces.
Vue.js provides MVVM data binding and a composable component system with a simple and flexible API.
Vue.js Features
Concise: HTML template + JSON data, and creating a Vue instance is that simple.
Data-driven: Automatically tracks dependencies for template expressions and computed properties.
Componentization: Use decoupled, reusable components to construct the interface.
Lightweight: ~24kb min+gzip, no dependencies.
Quick: Accurate and efficient asynchronous batch DOM updates.
Module-friendly: Install via NPM or Bower to seamlessly integrate into your workflow.
gitHub address: https://github.com/lily1010/vue_learn/tree/master/lesson11
A vue form
It's really too simple, just give an example
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Vue Form</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><!--Input box--><input type="text" v-model="msg"> <br /><!--Radio Box--><input id="mycb1" type="radio" v-model="choose1"><label for="mycb1">{{choose1}}</label><!--Checkbox--><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>Select: {{ selected }}</span></div><script type="text/javascript">var vm = new Vue({el: ".test",data: {msg: 'I am text',choose1: false,choose2: false,selected:''}})</script></body></html>The above is the Vue form example code introduced by the editor. I hope it will be helpful to everyone. If you have any questions, please leave me a message and the editor will reply to everyone in time. Thank you very much for your support to Wulin.com website!