Oracle Vue題是一道涉及到Vue.js框架的題目,所以在做這道題之前,我們需要先了解Vue.js的相關(guān)知識(shí)點(diǎn)。
Vue.js是一款輕量級(jí)的JavaScript框架,它通過(guò)數(shù)據(jù)驅(qū)動(dòng)的方式來(lái)構(gòu)建用戶界面。Vue.js也是MVVM框架的一種,能夠?qū)⑶岸薝I與后端數(shù)據(jù)進(jìn)行解耦,大大提高了開(kāi)發(fā)效率。
關(guān)于Oracle Vue題,我們可以先來(lái)看一下題目的描述:
Vue.component('someName',{ methods:{ someMethod(){ console.log(app.message); } }, data(){ return{ message:'hello vue!' } }, template:'從代碼中可以看出,someMethod方法打印出app.message的值,但是我們?cè)趎ew Vue的時(shí)候并沒(méi)有將app注入到實(shí)例中,所以會(huì)出現(xiàn)undefined的結(jié)果。
正確的寫(xiě)法應(yīng)該是將app注入到實(shí)例中,修改后的代碼如下:
Vue.component('someName',{ methods:{ someMethod(){ console.log(this.$root.message); } }, data(){ return{ message:'hello vue!' } }, template:'這樣,就可以正確地打印出hello world!的結(jié)果了。