Vue.js 初接觸

Vue.js 介紹

官方介紹：

Vue.js是一套構建用戶界面的漸進式框架。與其餘重量級框架不一樣的是，Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，它不只易於上手，還便於與第三方庫或既有項目整合。另外一方面，當與單文件組件和 Vue 生態系統支持的庫結合使用時，Vue 也徹底可以爲複雜的單頁應用程序提供驅動。
以上爲Vue.js官網的介紹。

1、其實在接觸了Vue.js後給我最大的衝擊就是雙向數據綁定功能，之前咱們須要讓頁面和用戶產生交互時，一般咱們會這樣：
一、獲取DOM節點，而後獲取到用戶的輸入內容。
二、獲取展現的DOM節點，而後將獲取的內容插入到節點中。
能夠看出這麼簡單的功能咱們卻須要比較多的代碼去實現，可是在Vue.js中只須要幾行代碼就搞定，看起來也更優雅一些。
2、還有一點也是思想不容易轉過彎的一點，就是我在學習前端時，接觸的思想都是須要咱們將HTML CSS JavaScript 3者分開，方便維護。可是在學習了Vue.js接觸了單文件組件以後，世界又變了，又讓咱們將同一個組件的HTML CSS JavaScript放到一個文件中，這樣又便於維護和複用，這一臉的懵那啥。
提及來組件的思想到不難理解，其實無論以前的分開文件仍是如今的合在一個文件裏，都是模塊化的思想，只不過應對的時代不一樣。
早期的時代web還只是web，頁面也並不複雜，因此提倡的時HTML CSS JavaScript分離，這樣出問題能夠很快定位。可是如今的web變成了web應用，它不在只是網頁而變成了網頁應用，上升到應用這以層級，代碼量也是漲了不少倍，若是在沿用以前的思想，那動輒一個文件上萬行，別說解決bug就是找到bug都困難。可是若是切換到單文件組件這個思想時，就容易了。單文件組件思想是指將web中的獨立的頁面結構部分或者是功能部分抽離出來作一個最小的組件，而後將一地組件像搭積木同樣拼接起來造成一個web應用，這樣的作的好處不言而喻：
一、組件與組件以前關聯不大，能夠最大限度避免組件以前的侵入。
二、最小功能組件，單一的組件文件並不大，若是有問題能夠很快找到，而且別人理解起來也容易。
三、由於是組件與組件搭建的應用，因此發現問題能夠很快定位問題。
四、組件也能夠複用，提升代碼的可利用度，提高工做效率。
固然有優勢就有缺點：
一、組件與組件之間作到很好的分離，避免侵入的同時也阻止了它們之間的通訊。
二、對於項目初期組件的合理劃分也有必定要求，若是劃分的很差可能還不如以前的方案。
3、最後還有一點，就是數據與視圖層的分離。
在以前咱們的html和數據是摻和到一塊兒的。如今是將數據從view中抽離出來，通過運算再渲染到視圖層。我以爲這也是爲何Vue.js能幫咱們省掉了操做DOM的代碼，只要咱們將數據和view綁定正確，以後數據有什麼處理都不用管view層，只須要在js中處理數據就好，Vue.js會幫你將結果渲染到view層。這是Vue.js帶給咱們的便利。
最後總結一下：我用本身的話總結Vue.js，Vue.js是一個擁有數據與視圖分離、單文件組件思想和雙向數據綁定功能的前端框架。

---

最近一直在學習Vue.js，看過一遍官方文檔以後覺得本身會了，可是隔了1天以後再來看，又覺的好陌生，彷彿以前歷來沒接觸過，感受本身的記憶力這麼差。
想經過記筆記的形式記住這些東西也不是很成功，是否是本身太笨總記不住知識點，總不能每隔幾天我就過一遍官方文檔吧，這樣學習效率過低了。
以前聽人說，你讀完了一本書，並不意味着你真的能懂了，檢驗本身是否學會的好辦法就是用本身的話將內容轉述出來，這樣才能讓新的知識在腦子裏走一圈，和已有的知識縫合在一塊兒。因此我就想將Vue.js中本身選到的知識點轉述出來，變成文字，但願這樣有助於將這些知識緊緊的縫合到本身的知識體系中。這是第一篇的內容，以後還會有學習的體會。
最後，這篇文章只是我的的學習筆記，水平有限，若有問題，請聯繫我。謝謝