Vue學習日記（一）——Vue介紹

MasonEast 發布于2019-08-29 14:22 / 1962人閱讀

摘要：的核心庫只關注視圖層，并且非常容易學習，非常容易與其它庫或已有項目整合。的目標是通過盡可能簡單的實現響應的數據綁定和組合的視圖組件。并不是框架，只是和他旁邊的生態環境組成了一個框架，下面，貼一個官方的漸進式框架介紹圖吧，方便理解。

前言

本人學習了一段時間的vue，并嘗試寫了一些小Demo之后，將vue投入了幾個項目之后，一直在邊學習邊使用，經過看了vue,vuex,vue-router的官方文檔和慕課網上的一些實戰視頻之后，深有體會，故此寫下這些文章。

前端框架比較

其實的話，前端有很多的框架，很多初學前端的人可能沒有接觸到框架，以為框架是很高大上的東西，就我個人而言，我是聽從師姐的學習路線開始學習前端的，一開始的時候接觸的就是html,css,js這些基本語言，對于框架，一直是覺得很高大上的東西。后來，經過長時間的與框架打交道之后，也明白了，基礎對于前端開發者是很重要的，框架也就只是將你會復用的代碼進行包裝起來方便你的使用，最重要的還是基礎。

目前前端開發有很多的框架在市面上，其實說是框架，如果從C語言java語言那些語言來說，也就是庫，一些封裝好的東西，告訴你用法，就可以簡單的實現一個簡單的項目了。如果想更加了解前端框架，建議可以百度百度，或者看這篇知乎討論，點擊里面的文章看看，引用一下這里的一張圖片展示一下目前的前端框架。

是的這只是部分前端框架，就我個人覺得，目前前端框架的三大巨頭也就只是
vue,react,angular（順序與排名無關）。

各個框架都有自己擅長的一方面：

vue擅長單頁面多路由的開發

react適合多頁面，手機app還有一些大型的開發

angular系統比較完善，適合快速搭建產品的原型

但是也各有各的劣勢：

vue并不特別適合多頁面的開發

react在單頁面開發性能并不比vue好，因為vue比較輕便

angular不適合程序員去自我發揮很多，因為其基本配置好餓了很多東西

當然，以上也都只是個人的見解而已，有錯誤還望包涵指正，關于他們的社區，就不多做介紹了，三大框架社區都比較完善。

Vue的優勢

Vue.js是一個輕巧、高性能、可組件化的MVVM庫，如果你不懂什么是mvvm模式可以看一下這篇文章個人覺得比較容易理解，同時擁有非常容易上手的API；

Vue.js是一個構建數據驅動的Web界面的庫。

Vue.js是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue 采用自底向上增量開發的設計。

Vue 的核心庫只關注視圖層，并且非常容易學習，非常容易與其它庫或已有項目整合。

另一方面，Vue 完全有能力驅動采用單文件組件和Vue生態系統支持的庫開發的復雜單頁應用。

簡單的說，Vue.js是一個構建數據驅動的 web 界面的漸進式框架。Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。核心是一個響應的數據綁定系統

Vue.js的特性如下：

輕量級的框架

雙向數據綁定

指令

插件化

Vue漸進式框架

為什么說vue是漸進式框架呢？

其實vue的官方首頁就說了，vue,漸進式JavaScript 框架

其實嚴格的說，vue并不是一個框架，他只是一個庫，和jq一樣，可以操作dom的庫，不同的是vue操作的是虛擬dom，至于什么是虛擬dom我會在下篇文章繼續介紹。

vue并不是框架，只是和他旁邊的生態環境組成了一個框架，下面，貼一個官方的漸進式框架介紹圖吧，方便理解。

正如上圖解釋，一個vue漸進式框架就是由

聲明式渲染vue.js

組件系統element-ui（也可以用bootstrap等，但是建議還是用這個，因為其他的還要下載其他的dom庫）

客戶端路由vue-router

大型狀態管理vuex

構建工具webpack

Vue全家桶

Vue著名的全家桶其實就是，包含了vue-router，vuex， vue-resource（現在基本不用，而是用更為簡單的axios）。再加上構建工具vue-cli，就是一個完整的vue項目的核心構成。

同時，在vue調試方面，可以選擇安裝chrome插件vue Devtools，以及有專門的組件庫elment-ui，輕輕松松就可以完成一個較大型的項目

總結

vue個人覺得是很不錯的框架，特別還是國內牛人發布的，接下來還會有vue一系列的文章，以及vue+axios+mysql+node+express全棧實現一個系統的文章，去更加深入的了解vue。當然還有更加深入的理解，大家也可以看看官方文檔，都介紹的很充分了。

GPU云服務器云服務器 vue3 學習筆記 (五)——vue3 Vue_Vue Vue _vue

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/113071.html

Vue學習日記（一）——Vue介紹

摘要：的核心庫只關注視圖層，并且非常容易學習，非常容易與其它庫或已有項目整合。的目標是通過盡可能簡單的實現響應的數據綁定和組合的視圖組件。并不是框架，只是和他旁邊的生態環境組成了一個框架，下面，貼一個官方的漸進式框架介紹圖吧，方便理解。前言本人學習了一段時間的vue，并嘗試寫了一些小Demo之后，將vue投入了幾個項目之后，一直在邊學習邊使用，經過看了vue,vuex,vue-route...

王晗 2019-08-26 11:33 評論0 收藏0
Vue學習日記（三）——Vue路由管理vue-router

摘要：重定向可以實現某些需要根據特定邏輯改變頁面原本路由的需求，例如簡單的未登錄狀態下的頁面訪問個人信息路由時應該重定向到登錄路由頁面。前言為了給讀者更好的體驗，去理解vue-router和下一篇介紹vuex，決定還是來一個實戰教程來帶大家更加的去深入理解vue-router，在這之前，讀者先自行了解和去官網下載npm和node，附：npm官網項目構建這里我采用vue-cli+web...

iKcamp 2019-08-30 13:54 評論0 收藏0
Vue學習日記（三）——Vue路由管理vue-router

摘要：重定向可以實現某些需要根據特定邏輯改變頁面原本路由的需求，例如簡單的未登錄狀態下的頁面訪問個人信息路由時應該重定向到登錄路由頁面。前言為了給讀者更好的體驗，去理解vue-router和下一篇介紹vuex，決定還是來一個實戰教程來帶大家更加的去深入理解vue-router，在這之前，讀者先自行了解和去官網下載npm和node，附：npm官網項目構建這里我采用vue-cli+web...

tuniutech 2019-08-26 11:34 評論0 收藏0
Vue學習日記（三）——Vue路由管理vue-router

摘要：重定向可以實現某些需要根據特定邏輯改變頁面原本路由的需求，例如簡單的未登錄狀態下的頁面訪問個人信息路由時應該重定向到登錄路由頁面。前言為了給讀者更好的體驗，去理解vue-router和下一篇介紹vuex，決定還是來一個實戰教程來帶大家更加的去深入理解vue-router，在這之前，讀者先自行了解和去官網下載npm和node，附：npm官網項目構建這里我采用vue-cli+web...

aboutU 2019-08-01 18:31 評論0 收藏0
Vue學習日記（四）——Vue狀態管理vuex

摘要：說實在話，我在閱讀文檔的時候，也很難以去理解，甚至覺得沒有使用它我也可以。介紹那么到底是什么引用官網的說法就是是一個專為應用程序開發的狀態管理模式。它采用集中式存儲管理應用的所有組件的狀態，并以相應的規則保證狀態以一種可預測的方式發生變化。前言先說句前話，如果不是接觸大型項目，不需要有多個子頁面，不使用vuex也是完全可以的。說實在話，我在閱讀vuex文檔的時候，也很難以去理解v...

fai1017 2019-08-30 13:53 評論0 收藏0