為什麼要學習vue

2021-09-18 08:00:50 字數 1386 閱讀 2769

vue (讀音 /vjuː/,類似於 view) 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是,vue 被設計為可以自底向上逐層應用。vue 的核心庫只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合。另一方面,當與現代化的工具鏈以及各種支援類庫結合使用時,vue 也完全能夠為複雜的單頁應用提供驅動。

jquery到vue轉變是乙個思想的轉變,是將jquery直接操作dom的思想轉變到運算元據上去。

jquery是使用選擇器($)選取dom物件,對其進行賦值、取值、事件繫結等操作,其實和原生的html的區別只在於可以更方便的選取和操作dom物件,而資料和介面是在一起的。比如需要獲取label標籤的內容:$("lable").val();,它還是依賴dom元素的值。

vue則是通過vue物件將資料和view完全分離開來了。對資料進行操作不再需要引用相應的dom物件,可以說資料和view是分離的,他們通過vue物件這個vm實現相互的繫結。這就是傳說中的mvvm。

從**來看看兩者的不同,我們從中可以看出vue只需要向資料message裡面push一條資料即可完成新增乙個li標籤的操作,而jquery則需要獲取dom元素節點,並對dom進行新增乙個標籤的操作,如果dom結構特別複雜,或者新增的元素非常複雜,則**會變得非常複雜且閱讀性低。

jquery**

第2條資料

新增資料

vue**

}        新增資料

元件化: 其中以 react 的元件化最為徹底,甚至可以到函式級別的原子元件,高度的元件化可以是我們的工程易於維護、易於組合拓展。

天然分層: jquery 時代的**大部分情況下是麵條**,耦合嚴重,現代框架不管是 mvc、mvp還是mvvm 模式都能幫助我們進行分層,**解耦更易於讀寫。

生態: 現在主流前端框架都自帶生態,不管是資料流管理架構還是 ui 庫都有成熟的解決方案。

###最後

為了幫助大家讓學習變得輕鬆、高效,給大家免費分享一大批資料,幫助大家在成為全棧工程師,乃至架構師的路上披荊斬棘。在這裡給大家推薦乙個前端全棧學習交流圈:866109386當真正開始學習的時候難免不知道從哪入手,導致效率低下影響繼續學習的信心。

但最重要的是不知道哪些技術需要重點掌握,學習時頻繁踩坑,最終浪費大量時間,所以有有效資源還是很有必要的。

最後祝福所有遇到瓶疾且不知道怎麼辦的前端程式設計師們,祝福大家在往後的工作與面試中一切順利。

為什麼要學習

技術不斷發展,人們也需要不斷的學習。可是,學習的目的到底是為了什麼?有多少程式設計師認真思考過?古時候就有 書中自有 屋,書中自有顏如玉 的說法,那時一旦考取了功名,就可以當官發財,女人更是不 用發愁了。可是到了現代,素質教育普及化了,上大學已不是什麼稀罕的事情了。國內大部分從業的軟體人才,都 是學...

Vue元件為什麼要export default

vue的模組機制 vue是通過webpack實現模組化,因此可以使用import來引入模組,例如 此外,你還可以在 bulid webpack.base.conf.js 檔案中修改相關配置 意思是,你的模組可以省略 js vue json 字尾,weebpack 會在之後自動新增上 可以用 符號代替...

為什麼要學習Emacs

學習emacs是一種使用linux方式的改進,是linux知識水平的提高 比如在字元介面輸入乙個命令發現前面忘記敲入sudo,這個時候可以敲ctrl a把游標移到到行首,這個快捷方式和emacs裡面的快捷鍵相同的。emacs裡面的快捷鍵幾乎和bash裡面的快捷鍵相同。lisp語言,如果乙個程式設計師...