关于Vue中this.$options.data()和this.$data

3,737 阅读1分钟

vm.$options

  • 获取Vue实例的自定义属性(如vm.$options.methods,获取Vue实例的自定义属性methods)

  • 获取Vue实例的自定义属性(如vm.$options.data(),获取Vue实例的自定义属性data) 在vue实例中 data是个函数,获取要加()

  • this.$data 获取当前状态下的data

  • this.$options.data()获取该组件初始状态下的data。

微信截图_20220214135305.png

1644818068(1).png

  • 重置数据(重置为初始化数据,如果为空则为空,这个方法可以用到重置表单(不过好像element中有内置的重置方法)) 在使用options.data时 用call调用并传入当前的this,不然默认的this可能会指向全局的vue对象,造成报错 this.$options.data.call(this)

image.png

image.png