<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • Vue.js教程-目錄

    2020-8-5    前端達人

    簡介

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

    章節列表

    章節名稱 地址
    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教程-組件化開發 https://coderhqf.blog.csdn.net/article/details/107783664

    Vue簡介

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

    Vue特點

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

    Vue中數據觀測的實現

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

    Vue項目打包

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

    Vue的組件化開發

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

    Vue與后端的數據交互:axios

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

    相關說明

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

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

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 成人精品一区二区三区免费看| 久久久久久久久久久免费精品| 91国内揄拍国内精品对白不卡| 中文字幕精品亚洲无线码一区| 国产69精品久久久久99| 精品国产福利一区二区| 亚洲国产精品激情在线观看| 国产精品免费αv视频| 国产精品久久毛片完整版| 狼色精品人妻在线视频| 午夜DY888国产精品影院| 91精品久久久久久无码| 国产综合色在线精品| 夜夜高潮夜夜爽国产伦精品| 国产欧美精品一区二区三区四区 | 午夜三级国产精品理论三级 | 国产成人精品日本亚洲直接| 午夜精品久久久久久久| 自拍偷自拍亚洲精品第1页| 看99视频日韩精品| 精品国产国产综合精品| 国产91在线精品| 97久视频精品视频在线老司机| 国产精品久久久久久久久| 99热门精品一区二区三区无码| 久久Av无码精品人妻系列| 日韩精品无码一区二区中文字幕 | 日韩精品无码一区二区中文字幕| 亚洲欧美日韩精品久久亚洲区| 乱人伦人妻精品一区二区| 国产精品自在拍一区二区不卡| 91不卡在线精品国产| 久久99国产精品久久| 国产精品久久久久久搜索| 国99精品无码一区二区三区| 国产精品揄拍100视频| 精品无码日韩一区二区三区不卡| 久久精品国产亚洲AV无码麻豆| 久久久无码人妻精品无码 | 精品久久久久久无码人妻蜜桃 | 麻豆精品视频在线观看|