第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定

關(guān)于電子書的解析和渲染中的數(shù)據(jù)和方法

https://img1.sycdn.imooc.com//5b85f45c00012ab706100518.jpg

為什么在這個函數(shù)中可以直接使用this.book等數(shù)據(jù)和方法,而不用在data、methods中定義?。壳蠼饣?!感謝!

正在回答

3 回答

重新發(fā)一遍,方便大家閱讀

this.book?=?xxx

這里的?this?表示Vue實(shí)例,this.book表示給Vue實(shí)例動態(tài)添加了一個book屬性,下面舉例證明:

created()?{
??this.book?=?{
????a:?1,
????b:?2
??}
??console.log(this)
}

https://img1.sycdn.imooc.com//5b8633720001204808000866.jpg

通過打印Vue實(shí)例可以很清楚的看到,this.book會在Vue實(shí)例下創(chuàng)建book屬性,指向book對象

---------------------------------------------------------------------------------------------------------------------
對于這個問題可以再延伸一下:


this.book = xxx 和 將book定義在data中有什么區(qū)別?
從使用角度來看,看不出區(qū)別,但是無法通過this.$data.book獲取到book,因?yàn)閎ook沒有定義在data中,下面舉例說明:

export?default?{
??data()?{
????return?{
??????test:?[1,?2,?3]
????}
??},
??created()?{
????this.book?=?{
??????a:?1,
??????b:?2
????}
????console.log(this.$data)
????console.log('this.$data.test',?this.$data.test)
????console.log('this.$data.book',?this.$data.book)
??}
}

https://img1.sycdn.imooc.com//5b863436000105bb09620534.jpg

從打印結(jié)果中可以看出,test可以通過this.$data.test獲取,但是book不行,因?yàn)?span style="text-decoration:underline;">this.$data中只包含test對象。當(dāng)然實(shí)際開發(fā)過程中,為了簡便,我們?nèi)匀豢梢酝ㄟ^this.test獲取test的值。

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

AB_Ciel 提問者

get到了,感謝老師的詳細(xì)回復(fù)啊1
2018-08-31 回復(fù) 有任何疑惑可以回復(fù)我~

用手機(jī)回復(fù)的,效果一般,湊合一下:)

0 回復(fù) 有任何疑惑可以回復(fù)我~

你好,這是一個好的問題

this.book = ...

這里的this表示Vue實(shí)例,this.book表示給Vue實(shí)例動態(tài)添加了一個book屬性,下面給一個例子進(jìn)行證明

created() {
this.book = {
a: 1,
b: 2
}
console.log(this)
}

http://img1.sycdn.imooc.com//5b8600a80001084d15001464.jpg

通過打印Vue實(shí)例完美可以很清楚的看到,在Vue實(shí)例下創(chuàng)建了一個book對象

對這個問題再延伸一下:

this.book = ... 和 將book定義在data中有什么區(qū)別?

從使用角度來看,看不出區(qū)別,但是無法通過this.$data.book獲取到book,因?yàn)閎ook沒有定義在data中,下面舉例說明

export default {
data() {
return {
test: [1, 2, 3]
}
},
created() {
this.book = {
a: 1,
b: 2
}
console.log(this.$data)
console.log('this.$data.test', this.$data.test)
console.log('this.$data.book', this.$data.book)
}
}

http://img1.sycdn.imooc.com//5b8600a80001a85c15000839.jpg

從打印結(jié)果中可以看出,test可以通過this.$data.test獲取,但是book不行,當(dāng)然實(shí)際開發(fā)過程中,為了簡便,我們?nèi)匀粫ㄟ^this.test獲取test的值

0 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消

關(guān)于電子書的解析和渲染中的數(shù)據(jù)和方法

我要回答 關(guān)注問題
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號