使用vue.js開(kāi)發(fā)時(shí)一些注意事項(xiàng)
來(lái)源:易賢網(wǎng) 閱讀:1487 次 日期:2016-07-06 14:52:59
溫馨提示:易賢網(wǎng)小編為您整理了“使用vue.js開(kāi)發(fā)時(shí)一些注意事項(xiàng)”,方便廣大網(wǎng)友查閱!

使用vue.js進(jìn)行項(xiàng)目的開(kāi)發(fā)已經(jīng)有了一定的時(shí)間,在任務(wù)的過(guò)程中以及和不同的開(kāi)發(fā)使用者交流中,逐漸對(duì)vue.js的使用心得有了一定的積累。本文主要給大家分享一些開(kāi)發(fā)時(shí)需要注意的事項(xiàng)

關(guān)于響應(yīng)式

vue的雙向綁定是基于響應(yīng)式來(lái)做的,即給一個(gè)Vue對(duì)象的屬性加上getter, setter方法,在這些方法中處理雙向綁定。但這種方式就會(huì)出現(xiàn)下面這些坑

對(duì)象響應(yīng)式

Vue中的屬性如果是Object,或者是數(shù)組,數(shù)組中有Object,那么這些Object最好在最開(kāi)始就把所有需要用到的屬性都定義一遍,如果在運(yùn)行中重新添加屬性,這個(gè)屬性并不是響應(yīng)式的,就不會(huì)實(shí)現(xiàn)雙向綁定,例如:

const vm = new Vue({

  data: {

    a: {

      text: 'aaa'

    }

  }

})

vm.a.b = 'ccc'

這樣的情況,a的b屬性不是響應(yīng)式的,所以不會(huì)雙向綁定

Date對(duì)象

對(duì)Date對(duì)象的操作不是響應(yīng)式的

更多信息請(qǐng)查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機(jī)網(wǎng)站地址:使用vue.js開(kāi)發(fā)時(shí)一些注意事項(xiàng)
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢(xún)回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門(mén)公布的正式信息和咨詢(xún)?yōu)闇?zhǔn)!
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢(xún) | 簡(jiǎn)要咨詢(xún)須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn)

版權(quán)所有:易賢網(wǎng)