为了账号安全,请及时绑定邮箱和手机立即绑定

输入框下面显示{firstName}{lastName}是怎么回事?

<!DOCTYPE html>

<html lang ="en">

<head>

  <meta charest="UTF-8">

  <title >计算属性与侦听器</title>

  <script src="vue.js" ></script>

</head>

<body>

  <div id="root">

    姓: <input v-model="firstName"/>

    名: <input v-model="lastName"/>

     <div>{{firstName}}{{lastName}}</div>

  </div>


  <script>

     new vue({

         el:"#root"

         data:{

          firstName:'',

          lastName:''

         }

     })

         

  </script>

</body>

</html>


正在回答

2 回答

这个问题很简单,其实就是在生成实例的时候吧方法写错了,new Vue 里面的V是大写,然后亲漏了了一个逗号哈

2 回复 有任何疑惑可以回复我~

这个是数据绑定,在vue实例中绑定了这两个数据,在数据改变的时候,页面上的显示也会改变。可以搜索一下数据绑定

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

输入框下面显示{firstName}{lastName}是怎么回事?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信