課程
/前端開發(fā)
/Vue.js
/快速入門Web閱讀器開發(fā)
為什么在這個函數(shù)中可以直接使用this.book等數(shù)據(jù)和方法,而不用在data、methods中定義?。壳蠼饣?!感謝!
2018-08-29
源自:快速入門Web閱讀器開發(fā)
正在回答
重新發(fā)一遍,方便大家閱讀
this.book?=?xxx
這里的?this?表示Vue實(shí)例,this.book表示給Vue實(shí)例動態(tài)添加了一個book屬性,下面舉例證明:
created()?{ ??this.book?=?{ ????a:?1, ????b:?2 ??} ??console.log(this) }
通過打印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) ??} }
從打印結(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的值。
AB_Ciel 提問者
用手機(jī)回復(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)}通過打印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) }}從打印結(jié)果中可以看出,test可以通過this.$data.test獲取,但是book不行,當(dāng)然實(shí)際開發(fā)過程中,為了簡便,我們?nèi)匀粫ㄟ^this.test獲取test的值
舉報(bào)
帶你了解電子書閱讀器的工作原理,通過Vue.js快速實(shí)現(xiàn)Web閱讀器
1 回答渲染電子書不成功
3 回答電子書渲染不出來
1 回答關(guān)于無法渲染的問題【解決方法】
1 回答渲染不出電子書 container沒有內(nèi)容
1 回答電子書沒渲染出來,問題出在哪兒
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2018-08-29
重新發(fā)一遍,方便大家閱讀
這里的?this?表示Vue實(shí)例,this.book表示給Vue實(shí)例動態(tài)添加了一個book屬性,下面舉例證明:
通過打印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中,下面舉例說明:
從打印結(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的值。
2018-08-29
用手機(jī)回復(fù)的,效果一般,湊合一下:)
2018-08-29
你好,這是一個好的問題


this.book = ...
這里的this表示Vue實(shí)例,this.book表示給Vue實(shí)例動態(tài)添加了一個book屬性,下面給一個例子進(jìn)行證明
created() {
this.book = {
a: 1,
b: 2
}
console.log(this)
}
通過打印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)
}
}
從打印結(jié)果中可以看出,test可以通過this.$data.test獲取,但是book不行,當(dāng)然實(shí)際開發(fā)過程中,為了簡便,我們?nèi)匀粫ㄟ^this.test獲取test的值