Vue--选项 / 数据

2019独角兽企业重金招聘Python工程师标准>>>

https://cn.vuejs.org/v2/api/#data

• 选项 / 数据
  • data（定义属性）
  • props（相当于angular中的input）
  • propsData（和props一样，创建实例时传递 props。主要作用是方便测试。限制：只用于 new 创建的实例中。）
  • computed（计算属性，计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。）
  • methods（方法）
  • watch（监听属性变化）

  import Child from './Child.vue'
  export default {
    name: 'HelloWorld',
    data() {
      return {
        msg: 'Welcome to Your Vue.js App'
      }
    },
    props: [
      'input'
    ],
    components: {
      Child
    },
    computed: {
      mmm: {
        get: function () {
          return this.msg
        },
        set: function (value) {
          this.msg = value
        }
      }
    },
    methods: {
      mm: function () {
        this.mmm = 5
      }
    },
    watch: {
      msg: function (newValue, oldValue) {
        console.log('new: %s, old: %s', newValue, oldValue)
      }
    },
    created: function () {
      this.mm()
    }
  }

 

转载于:https://my.oschina.net/u/3412211/blog/1560703