1.场所描述
如何获取vue-data中的所有值?
如何获取vue-data中的某一个值?
如何获取vue-data中的初始值?
如何设置data中的值位初始值?
2.主角登场 this.$options.data()和this.$data
<template> <div> <button @click="gotos">改变</button> <button @click="obtain">获取改变后的值</button> <button @click="inithander">获取初始状态下的值</button> <button @click="reset">重置</button> </div> </template> <script> export default { data(){ return{ // https://www.jianshu.com/p/05697682a46f obj:{ name:'张三', age:'李四', sex:'男' }, subjective:{ info:'ok' } } }, methods:{ gotos(){ this.obj.sex='我改变了性别' }, //获取vue中data中的所有值 当然data中的值也有可能是被改变了的 obtain(){ console.log('vue中data中的所有值',this.$data); }, // 获取组件下初始状态下的值;就是你在data中最初写的值 inithander(){ console.log('初始状态下的值',this.$options.data()); }, // 重置值 reset(){ Object.assign(this.$data.obj,{name:'',age:'', sex:''}); // 还可以使用 Object.assign(this.$data.obj,this.$options.data().obj); //前提是obj的值是空 console.log('重置', this.obj ) } } } </script>