資訊專欄INFORMATION COLUMN
摘要：博客文章鏈接管中窺和的相同點(diǎn)和不同點(diǎn)與的相同都使用了提供了響應(yīng)式和組件化的視圖組件將注意力集中保持在核心庫，而將其他功能如路由和全局狀態(tài)管理交給相關(guān)的庫。在復(fù)雜的情況下，可以考慮使用官方提供的狀態(tài)管理模式來進(jìn)行管理。
博客文章鏈接：管中窺Vue
Vue和Angular、React.js的相同點(diǎn)和不同點(diǎn)？
與React的相同：
都使用了Virtual DOM
提供了響應(yīng)式和組件化的視圖組件
將注意力集中保持在核心庫，而將其他功能如路由和全局狀態(tài)管理交給相關(guān)的庫。
與React的區(qū)別：
組件的響應(yīng)式渲染
React的組件的數(shù)據(jù)狀態(tài)發(fā)生變化時(shí)，它會(huì)以該組件為根，重新渲染整個(gè)組件子樹；而Vue不只去渲染需要渲染的組件。
HTML+CSS的編寫
React使用的JSX語法，將HTML、CSS和JS混寫；而Vue使用的是templates模板方式，完全融合與經(jīng)典的Web技術(shù)。
與Angular的區(qū)別：
與Angular 1對比，Vue的性能更加優(yōu)越，Angular性能會(huì)隨著watcher的增加而變慢，而且Angular中一些watcher會(huì)觸發(fā)另一個(gè)更新，使得“臟檢查循環(huán)”可能會(huì)運(yùn)行多次。
Angular事實(shí)上必須用TypeScript來開發(fā)，而且Angular對于TS的支持非常全面，而Vue暫時(shí)對于TS的支持還在改進(jìn)階段。
Vue的體積更小，一個(gè)包含了 vuex + vue-router 的 Vue 項(xiàng)目 (30kb gzipped) 相比使用了這些優(yōu)化的 angular-cli 生成的默認(rèn)項(xiàng)目尺寸 (~130kb) 還是要小得多。
Vue中的MVVM模型？
Vue是以數(shù)據(jù)為驅(qū)動(dòng)的，Vue自身將DOM和數(shù)據(jù)進(jìn)行綁定，一旦創(chuàng)建綁定，DOM和數(shù)據(jù)將保持同步，每當(dāng)數(shù)據(jù)發(fā)生變化，DOM會(huì)跟著變化。
ViewModel是Vue的核心，它是Vue的一個(gè)實(shí)例。Vue實(shí)例是作用在某個(gè)HTML元素上的，這個(gè)HTML元素可以是body，也可以是某個(gè)id所指代的元素。 DOM Listeners和Data Bindings是實(shí)現(xiàn)雙向綁定的關(guān)鍵。DOM Listeners監(jiān)聽頁面所有View層DOM元素的變化，當(dāng)View發(fā)生變化，Model層的數(shù)據(jù)隨之變化；Data Bindings監(jiān)聽Model層的數(shù)據(jù)，當(dāng)數(shù)據(jù)發(fā)生變化，View層的DOM元素隨之變化。
v-if和v-show指令有什么區(qū)別？
v-show對應(yīng)的值無論是true還是false，對應(yīng)Html元素都會(huì)存在于瀏覽器的文檔中；而v-if如果是false的話，直接不在文檔中了。
如何阻止Vue中的綁定事件不發(fā)生冒泡？
可以使用“事件修飾符”來處理事件冒泡，如：v-on:click.stop阻止事件冒泡或v-on:submit.prevent阻止默認(rèn)事件。
父、子組件間是如何通信的？
在Vue中，每個(gè)組件實(shí)例的作用域是孤立的。這也意味著不能（也不應(yīng)該）在子組件的模板內(nèi)直接應(yīng)用父組件的數(shù)據(jù)。父組件通過Props向子組件傳遞數(shù)據(jù)，而子組件通過Events向父組件傳遞數(shù)據(jù)。
非父子層級(jí)的組件如何實(shí)現(xiàn)通信？
簡單的應(yīng)用場景下，可以使用一個(gè)空的Vue實(shí)例作為中央事件總線。
在復(fù)雜的情況下，可以考慮使用Vue官方提供的狀態(tài)管理模式——Vuex來進(jìn)行管理。
什么是動(dòng)態(tài)組件？它的作用是什么？
通過使用保留的
除此之外，Vue還提供了keep-alve指令。keep-alive指令允許把切換出去的組件保留在內(nèi)存中，并保留它的狀態(tài)或避免重新渲染。
為什么組件中的data屬性的值必須是一個(gè)函數(shù)？
因?yàn)樵谝粋€(gè)組件被多次引用的情況下，如果data的值是一個(gè)Object的話，那么由于Object是一個(gè)引用類型，所以即使是該組件被多次引用，而其實(shí)操作的是同一個(gè)對象，最終導(dǎo)致了引用該組件的所有位置都同步的顯示了。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/99217.html
摘要：這么思考問題的原因也很簡單，我們篤信工程師文化，靠技術(shù)而不是管理解決問題，正如陳皓同學(xué)所言如果你是一個(gè)技術(shù)公司，你就會(huì)更多的相信技術(shù)而不是管理。 鄭昀 創(chuàng)建于2017/3/8 最后更新于2017/3/10 關(guān)鍵詞：研發(fā)協(xié)作，Docker，環(huán)境變量，開發(fā)聯(lián)調(diào)，環(huán)境維護(hù)，虛擬機(jī)，中間件，配置與代碼分離，git，jenkins 開發(fā)聯(lián)調(diào)，測試，預(yù)發(fā)，生產(chǎn)，稍微上規(guī)模的互聯(lián)網(wǎng)技術(shù)團(tuán)隊(duì)，每一次...
摘要：這么思考問題的原因也很簡單，我們篤信工程師文化，靠技術(shù)而不是管理解決問題，正如陳皓同學(xué)所言如果你是一個(gè)技術(shù)公司，你就會(huì)更多的相信技術(shù)而不是管理。 鄭昀 創(chuàng)建于2017/3/8 最后更新于2017/3/10 關(guān)鍵詞：研發(fā)協(xié)作，Docker，環(huán)境變量，開發(fā)聯(lián)調(diào)，環(huán)境維護(hù)，虛擬機(jī)，中間件，配置與代碼分離，git，jenkins 開發(fā)聯(lián)調(diào)，測試，預(yù)發(fā)，生產(chǎn)，稍微上規(guī)模的互聯(lián)網(wǎng)技術(shù)團(tuán)隊(duì)，每一次...
摘要：如主頁文檔中展示的打開存儲(chǔ)的捕獲文件從網(wǎng)絡(luò)接口上進(jìn)行捕獲使用或者方法建立對象后，在捕獲和數(shù)據(jù)包層面就會(huì)有多個(gè)方法和屬性可用。的強(qiáng)大在于可以調(diào)用內(nèi)建的所有數(shù)據(jù)包解碼器。后續(xù)文章中會(huì)說明需要那些措施來保留內(nèi)存。下一篇入門和模塊 原文地址：http://zodiacg.net/2016/07/in... 本系列文章譯自thePacketGeek的系列文章。原創(chuàng)翻譯，轉(zhuǎn)載請注明出處。 文章作者...
摘要：而且蘋果也提供了專門的頁面供下載你可以手動(dòng)下載不同格式的年報(bào)數(shù)據(jù)。反過來，這兩年國行銷量下降，對蘋果也是很傷注年數(shù)據(jù)實(shí)為大中華區(qū)。 蘋果昨天夜里發(fā)布了今年份兒的新手機(jī)： iPhone Xs 、史上最大款 iPhone Xs Max ，以及史上最貴廉價(jià)版 iPhone Xr 。 看著動(dòng)輒萬元的價(jià)格，我不禁摸了摸自己的腰。 showImg(https://segmentfault.com/...
摘要：，而且每種框架雙向數(shù)據(jù)綁定的實(shí)現(xiàn)方式都不太一致，比如內(nèi)部使用的是臟檢查，而內(nèi)部實(shí)現(xiàn)方式的本質(zhì)是設(shè)置屬性訪問器。在中也有類似的概念，不過不叫魔術(shù)方法，而是叫做訪問器。 緣起前幾天在看一些流行的迷你mvvm框架（比如avalon.js、 vue.js 這種較輕的框架，而非Angularjs、Emberjs這種較重的框架）的實(shí)現(xiàn)。現(xiàn)代流行的mvvm框架一般都會(huì)將數(shù)據(jù)雙向綁定（two-ways...
閱讀 2309·2021-11-24 09:39
閱讀 2553·2021-11-22 15:24
閱讀 2992·2021-09-02 09:48
閱讀 3035·2021-07-26 22:01
閱讀 1449·2019-08-30 11:09
閱讀 1687·2019-08-29 18:47
閱讀 618·2019-08-29 15:40
閱讀 2145·2019-08-29 15:22
