微信小程序和vue的區(qū)別

數(shù)據(jù)類型

  • vue組件中data必須是函數(shù) data(){return{}},new Vue中的選項可以是函數(shù)也可以是對象
  • 小程序中data都是對象

初始化數(shù)據(jù),添加響應式屬性

  • vue會在初始化實例的時候翅睛,遍歷data中的所有屬性声搁,使用Object.defineProperty把這些屬性都轉成getter/setter,給他們添加響應式捕发。
  • 小程序不會

設置屬性

  • 由于添加了響應式疏旨,更改數(shù)據(jù)的話可以直接this.data.name='xx',對于動態(tài)新增的數(shù)據(jù),就要用
    • 對象可以用
this.$set(this.data.someObject,'b',2),

或者重新賦值扎酷,或者

this.$delete(this.data.someObject,propertyName)
  • 數(shù)組可以直接用新的值重新賦值檐涝,或者this.$set,或者pop,push,shift,unshift,reverse,sort,splice,
  • 小程序統(tǒng)統(tǒng)都是this.setData中去賦值,對于數(shù)組中的子元素可以this.setData({['list[0]']:newValue}),也可以'obj.propertyName':newValue

Vue.set是為了給動態(tài)新增的數(shù)據(jù)增加響應式,這樣才能更新到視圖上(使用 Object.defineProperty 把這些屬性全部轉為 getter/setter)法挨,直接改的話也能在數(shù)據(jù)中更新成功谁榜,但視圖不會有變化
data是個原型鏈上的函數(shù),在構造函數(shù)的時候凡纳,將

return{
_data:...this.data(),
...this,
...this.data(),
}窃植,

使得每個實例都有自己的作用域,當操作this.data.obj.name='123'的時候,等同于this.data().obj.name='123'.

微信小程序中是將data對象作為原型上的_freeData對象保存荐糜,就像vue中的$data,執(zhí)行構造函數(shù)的時候再去給每個實例開辟空間

在vue中巷怜,this.data.name='aaaa',是可以更新到視圖的暴氏,小程序中不行

vue,寫在data中的數(shù)據(jù)都添加了響應式屬性延塑,進行了監(jiān)聽處理,如果事后要新增的話答渔,只能用Vue.set方法

小程序中页畦,沒有對data中的數(shù)據(jù)添加響應式屬性,所以就算data中寫不全研儒,也沒關系,要更新視圖的話用
this.setData方法独令,一次性為這些屬性渲染到視圖上

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末端朵,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子燃箭,更是在濱河造成了極大的恐慌冲呢,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,204評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件招狸,死亡現(xiàn)場離奇詭異敬拓,居然都是意外死亡邻薯,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評論 3 395
  • 文/潘曉璐 我一進店門乘凸,熙熙樓的掌柜王于貴愁眉苦臉地迎上來厕诡,“玉大人,你說我怎么就攤上這事营勤×橄樱” “怎么了?”我有些...
    開封第一講書人閱讀 164,548評論 0 354
  • 文/不壞的土叔 我叫張陵葛作,是天一觀的道長寿羞。 經常有香客問我,道長赂蠢,這世上最難降的妖魔是什么绪穆? 我笑而不...
    開封第一講書人閱讀 58,657評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮虱岂,結果婚禮上玖院,老公的妹妹穿的比我還像新娘。我一直安慰自己量瓜,他們只是感情好司恳,可當我...
    茶點故事閱讀 67,689評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著绍傲,像睡著了一般扔傅。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上烫饼,一...
    開封第一講書人閱讀 51,554評論 1 305
  • 那天猎塞,我揣著相機與錄音,去河邊找鬼杠纵。 笑死荠耽,一個胖子當著我的面吹牛,可吹牛的內容都是我干的比藻。 我是一名探鬼主播铝量,決...
    沈念sama閱讀 40,302評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼银亲!你這毒婦竟也來了慢叨?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,216評論 0 276
  • 序言:老撾萬榮一對情侶失蹤务蝠,失蹤者是張志新(化名)和其女友劉穎拍谐,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 45,661評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡轩拨,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,851評論 3 336
  • 正文 我和宋清朗相戀三年践瓷,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片亡蓉。...
    茶點故事閱讀 39,977評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡晕翠,死狀恐怖,靈堂內的尸體忽然破棺而出寸宵,到底是詐尸還是另有隱情崖面,我是刑警寧澤,帶...
    沈念sama閱讀 35,697評論 5 347
  • 正文 年R本政府宣布梯影,位于F島的核電站巫员,受9級特大地震影響,放射性物質發(fā)生泄漏甲棍。R本人自食惡果不足惜简识,卻給世界環(huán)境...
    茶點故事閱讀 41,306評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望感猛。 院中可真熱鬧七扰,春花似錦、人聲如沸陪白。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,898評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽咱士。三九已至立由,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間序厉,已是汗流浹背锐膜。 一陣腳步聲響...
    開封第一講書人閱讀 33,019評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留弛房,地道東北人道盏。 一個月前我還...
    沈念sama閱讀 48,138評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像文捶,于是被迫代替她去往敵國和親荷逞。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,927評論 2 355

推薦閱讀更多精彩內容

  • 因新工作主要負責微信小程序這一塊粹排,最近的重心就移到這一塊颅围,該博客是對微信小程序整體的整理歸納以及標明一些細節(jié)點,初...
    majun00閱讀 7,341評論 0 9
  • svg **1 由顏色值構成恨搓,矢量圖,放大不失真;2 不是h5新標簽斧抱;3 有屬性常拓,可以添加事件;4 性能一般** ...
    _undefined__閱讀 234評論 0 0
  • 此時正在辦公,也不忘忙中偷閑宪郊。一枚貪吃的吃貨正出沒...... 因為有你的相伴,倒平添了不少歡愉。感謝有...
    小孜閱讀 237評論 0 2
  • 拆頁一 來自《第一章 關系始于親和的建立》 P6親和力與轉化式對話轉化式對話是一種談話方式,這種方式可以使你自己和...
    SelinaYin閱讀 226評論 0 0
  • 第一章:初來乍到 韓國长豁,首爾钧唐,某娛樂公司練習室正在舉辦一場練習生面試。匠襟。走廊上一個帥氣少年一臉討好的表情在講電話 ...
    軒_Q閱讀 147評論 0 0