vue 选项数据简介

# vue 选项数据简介

data(){}

 存放数据

new Vue({
    // 直接创建一个实例
    data(){
    },//存放数据
   
    
})

props:[]

 接收来自父组件的数据

//简单的数组
    props:['size', 'myMessage']//用于接收来自父组件的数据
    //对象语法，提供验证
    props: {
    // 检测类型
    height: Number,
    // 检测类型 + 其他验证
    age: {
      type: Number,
      default: 0,
      required: true,
      validator: function (value) {
        return value >= 0
      }
    }
  }

computed:{}

 计算属性:计算属性的结果会被缓存

var vm = new Vue({
  data: { a: 1 },
  computed: {
    // 仅读取
    aDouble: function () {
      return this.a * 2
    },
    // 读取和设置
    aPlus: {
      get: function () {
        return this.a + 1
      },
      set: function (v) {
        this.a = v - 1
      }
    }
  }
})

methods:{}

存放方法

watch:{}

数据监视

比computed麻烦，需要给所有属性名添加监听方法，但是方便给每个属性名设置异步