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>
作者：明月人倚樓
出處：https://www.cnblogs.com/IwishIcould/
想問問題，打賞了卑微的部落客，求求你備注一下的扣扣或者微信；這樣我好聯系你；(っ•̀ω•́)っ✎⁾⁾！
如果覺得這篇文章對你有小小的幫助的話，記得在右下角點個“推薦”哦，或者關注部落客，在此感謝！
萬水千山總是情，打賞5毛買辣條行不行，是以如果你心情還比較高興，也是可以掃碼打賞部落客(っ•̀ω•́)っ✎⁾⁾！
支付寶
微信
本文版權歸作者所有，歡迎轉載，未經作者同意須保留此段聲明，在文章頁面明顯位置給出原文連接配接
如果文中有什麼錯誤，歡迎指出。以免更多的人被誤導。