Vue之this.$options.data()和this.$data

this.$options.methods可以获取自定义的属性，created,mounted等也一样

this.$data 是已经转成了getter和setter，所以拿到的是一个修改后的数据

this.$options.data() 是刚刚传入vue里边，成员没有转成了getter和setter,所以拿到的仅仅是注入vue实例的初始数据

this.$options.data()一般用于重置vue组件的data数据

在vue单文件组件里有时需要重置data中的数据，比如表单填写一半，用户想重新填写。

<script>
    export default {
        data() {
            return {
                // 表单
                form: {
                    input: ''
                }
            }
        },
        ...
        methods: {
            // 重置表单方法
            retset() {
                this.form = this.$options.data().form;
            }
        },
        ...
    }
</script>

也可以通过给组件 $data 对象赋值来重置来重置整个 $data