Vue.js之计算属性(computed)、属性监听(watch)与方法选项(methods)

vue.js官网:https://cn.vuejs.org/v2/guide/components-registration.html

一、计算属性-computed

  1. 作用:能够避免数据冗余,通过计算,可以在已有的data数据中生成新的变量

        示例:

html:
<!-- 输出:Li XuanJing -->
<div id="app">{{fullName}}</div>


script:
var vm = new Vue({
   el:'#app',
   data:{
     fristName:'Li'
     lastName:'XuanJing'
  },
   computed:{
     fullName () {
      return this.fristName + ' ' + lastNmae
    }
  } 
})

  

二、属性监听-watch

三、方法选项-methods

猜你喜欢

转载自www.cnblogs.com/jingxuan-li/p/10301519.html