Vuejs 计算属性和监听器

admin · 发表于 2019-8-7 09:29:47

请使用QQ关联注册PLM之家，学习更多关于内容，更多精彩原创视频供你学习！

您需要登录才可以下载或查看，没有账号？注册

×

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>Event Bind</title>
<script src="./vue.js"></script>
</head>

<body>
<div id="root">
      First Name: <input type="text" v-model="firstName" />
      Last Name: <input type="text" v-model="lastName" />
      <div>
         Full Name : {{fullname}}
      </div>
      <div>
         <h2>{{changeTime}}</h2>
      </div>
</div>
<script>
      new Vue(
         {
            el: root,
            data: {
                  firstName: '',
                  lastName: '',
                  changeTime: 0
            },
            methods: {

            },
            computed: {
                  fullname: function () {
                     return this.firstName + ' ' + this.lastName;
                  }
            },
            waTCh: {
                  fullname: function () {
                     this.changeTime++;
                  }
            }
         }
      )
</script>
</body>

</html>

[前端框架] Vuejs 计算属性和监听器

请使用QQ关联注册PLM之家，学习更多关于内容，更多精彩原创视频供你学习！