为何vue中通过方法返回data中的对象是这个{__ob__: Observer}

Question

代码如下

<template>
    <div id="data">
        <input type="text" v-model="obj.name" placeholder="请输入用户名">
        <button @click="commit">提交</button>
        <span id="show-name">{{obj.name}}</span>
    </div>
</template>
<script>
    export default {
        data(){
            return{                
                obj:{
                    name:""
                }
            }
        },
        methods:{
            commit(){
                console.log(this.obj, this.obj.name)
            }
        }
    }
</script>

最终返回的结果是

如果要返回结果为 {name:"sdf"} 该怎么做呢

Answer 1

console.log(JSON.stringify(this.obj), this.obj.name)

---

补充一下