zoukankan      html  css  js  c++  java
  • vuejs计算属性和侦听器

    <div id='root'>
      姓:<input v-model='firstName'/>
      名:<input v-model='secondName'/>
      <div>{{fullName}}</div>
      <div>{{count}}</div>
    </div>
    <script>
      new Vue({
        el:'#root',
        data:{
          firstName:'',
          secondName:'',
          count: 0
        },
        computed:{
          fullName:function(){
            return this.firstName + this.secondName
          }
        },
        watch: {
          firstName:function(){
            this.count ++;
          },
          secondName:function(){
            this.count ++
          }
        }
      })
    </script>
    计算属性:computed,一个属性是通过其他属性计算而来,这有一个好处,就是firstName和secondName没有变化的时候,fullName会使用上一次的缓存值,不会重新计算

    侦听器:watch,去监听某一个数值的变化,一旦这个监听的数值发生了变化,就在侦听器里面处理业务逻辑

  • 相关阅读:
    oracle--单表查询
    oracle--本地网络配置tnsnames.ora和监听器listener.ora
    HDU1251统计难题(字典树Trie Tree好题)
    模板——字典树Trie Tree
    51nod——1277 字符串中的最大值
    KMP——hdu 3336 count the string
    KMP模板
    KMP——Game
    BFS——Weed
    DFS——Sum It Up
  • 原文地址:https://www.cnblogs.com/wzndkj/p/9563698.html
Copyright © 2011-2022 走看看