Vue.js教程-目錄

2020-8-5    前端達人

簡介

  • 本目錄作為Vue教程的首頁，所以會持續(xù)更新。
  • 如果某篇章節(jié)中有錯誤的地方，希望大家能夠指出來，我會更正，私信和評論里說都可以，不懂的地方也可以說，如果我也不會那就請教一下大佬們吧，畢竟我對前端的東西也不是特別了解，多多包涵！嘿嘿。

章節(jié)列表

章節(jié)名稱 地址
Vue.js教程-安裝和HelloWorld https://coderhqf.blog.csdn.net/article/details/107574556
Vue.js教程-Vue項目的目錄結構和.vue文件的構成 https://coderhqf.blog.csdn.net/article/details/107621070
Vue.js教程-Vue基本指令 https://coderhqf.blog.csdn.net/article/details/107677588
Vue.js教程-組件化開發(fā) https://coderhqf.blog.csdn.net/article/details/107783664

Vue簡介

  • Vue官網(wǎng)
  • Vue (讀音 /vju?/，類似于 view) 是一套用于構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。
  • Vue 的核心庫只關注視圖層，不僅易于上手，還便于與第三方庫或既有項目整合。另一方面，當與現(xiàn)代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠為復雜的單頁應用提供驅動。
  • Vue.js 的目標是通過盡可能簡單的 API 實現(xiàn)響應的數(shù)據(jù)綁定和組合的視圖組件。

Vue特點

  • 易用：在有HTML CSS JavaScript的基礎上，快速上手。
  • 靈活：簡單小巧的核心，漸進式技術棧，足以應付任何規(guī)模的應用。
  • 性能：20kb min+gzip 運行大小、超快虛擬 DOM 、最省心的優(yōu)化。

Vue中數(shù)據(jù)觀測的實現(xiàn)

  • Vue.js利用了ES5的Object.defineProperty方法，直接將原生數(shù)據(jù)對象的屬性改造為getter和setter，在這兩個函數(shù)內(nèi)部實現(xiàn)依賴的收集和觸發(fā)，而且完美支持嵌套的對象結構。對于數(shù)組，則通過包裹數(shù)組的可變方法（比如push）來監(jiān)聽數(shù)組的變化。這使得操作Vue.js的數(shù)據(jù)和操作原生對象幾乎沒有差別[注:在添加/刪除屬性，或是修改數(shù)組特定位置元素時，需要調(diào)用特定的函數(shù)，如obj.$add(key, value)才能觸發(fā)更新。這是受ES5的語言特性所限。]，數(shù)據(jù)操作的邏輯更為清晰流暢，和第三方數(shù)據(jù)同步方案的整合也更為方便。

Vue項目打包

  • 在構建大型應用時，推薦使用Webpack+vue-loader這個組合以使針對組件的開發(fā)更。
  • 在后面的章節(jié)中會細說怎么打包并部署到服務器上，也會講怎么白嫖阿里云(學生版)，好像有大佬寫過這個文章，大家搜一下也行，最重要的還是開發(fā)。

Vue的組件化開發(fā)

  • Vue最主要的是組件化開發(fā)，因為是單頁面，也就是在一個頁面中渲染出多個頁面的效果，這個特點能夠讓非常多的組件在不同的項目中重復使用。
  • Vue中的組件基于Web components進行了上層功能的實現(xiàn)，例如數(shù)據(jù)綁定、動畫系統(tǒng)等。

Vue與后端的數(shù)據(jù)交互：axios

  • 傳統(tǒng)的一般都用Ajax，但如果請求有先后關系的話就容易產(chǎn)生回調(diào)地獄，套娃套的吧。
  • Vue2之后就推薦使用axios了，等寫到前后端交互的時候再講這個就行。

相關說明

  • Vue參考了AngularJS、KnockoutJS、Ractive.js、Rivets.js，可以是把他們的缺點都優(yōu)化成了自己的優(yōu)點，參考過程中不但去其糟粕，還加入了自己的特性，但目前也只有國內(nèi)用Vue的比較多，畢竟社區(qū)小，資源少，但以后應該會是潮流，因為開發(fā)快好上手。
  • 其實Vue相對來說是非常好上手的，因為它只專注于視圖層。如果只是要用的話，其實對原理也不用太糾結，但既然要全棧，何不貫徹到底，我也是在學習中，如果想正規(guī)學習的話，我比較推薦coderwhy-王紅君老師的課，他講的挺好的，有些原理講的也是很清楚的，渠道嘛，B站大學、騰訊課堂啥的都有，還有他的微博，大家可以去網(wǎng)上找。
  • 再強調(diào)一遍，如果發(fā)現(xiàn)不對的地方請聯(lián)系我，因為不想誤人子弟，畢竟這是自己的總結，也不想以后自己還用著錯誤的東西，嘿嘿嘿。。。
  • Vue作為現(xiàn)在國內(nèi)最潮流的前端框架，也逐漸成為后端開發(fā)人員需要學的新知識了，我看現(xiàn)在很多后端崗位的面試里都會提到這個前端框架，所以大家學一下是不虧的。
  • 在CSDN雜志中有一篇文章：Vue.js：輕量的前端組件化方案，如果大家有興趣就看看吧。

版權聲明：本文為博主原創(chuàng)文章，遵循 CC 4.0 BY-SA 版權協(xié)議，轉載請附上原文出處鏈接和本聲明。
本文鏈接：https://blog.csdn.net/weixin_45062103/article/details/107763788

分享本文至：

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔