<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script type="text/javascript" src="./vue.min.js"></script> </head> <body> <input type="" name="" v-model='msg'/> {{msg}} <script type="text/javascript"> new Vue({ el:'body', data:{msg:''} }); </script> </body> </html>
v-model
这个指令是代表可以在这个input里面输入东西, {{msg}}会输出出来. 前提是: v-model里面的变量必须是data里面的东西。
解释: 效果: