<!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里面的东西。
解释:
效果:
