vue v-model :
Posted 1点
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue v-model :相关的知识,希望对你有一定的参考价值。
v-model :
通过v-model 进行双向绑定 ,将data的数据与input 绑定在一起,呈现在页面上
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue入门</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> </head> <body> <div id="first"> 姓氏:<input v-model="firstname"/><br> 名字:<input v-model="lastname"/> <div>{{firstname}}{{lastname}}</div> </div> <script> new Vue({ el:"#first", data:{ firstname:\'\', lastname:\'\' } }) </script> </body> </html>
效果:
2018-05-01 23:40:46
以上是关于vue v-model :的主要内容,如果未能解决你的问题,请参考以下文章