.NET Core實戰項目之CMS 第六章 入門篇-Vue的快速入門及其使用

寫在前面

上面文章我給你們介紹了Dapper這個ORM框架的簡單使用，大夥會用了嘛！原本今天這篇文章是要講Vue的快速入門的，緣由是想在後面的文章中使用Vue進行這個CMS系統的後臺管理界面的實現。可是奈何Vue實現的SPA有必定的門檻，不太適合新手朋友，因此爲了照顧大多數人，我準備仍是採用asp.net core mvc+html+js+css+layui這個傳統的技術棧來實現。可是，無論怎麼說我仍是會把Vue的基本使用給大夥介紹一下！
固然，若是這篇文章我也是抱着學習的態度跟你們一塊兒來了解Vue的，若是你想經過這篇文章就能熟練的使用Vue那你就太天真了！目前，做爲後端的我對Vue的掌握也僅僅停留在入門階段。後期再帶着你們一塊兒把這個項目升級到Vue吧！

本篇文章已經收歸入《.NET Core實戰項目之CMS 第一章 入門篇-開篇及整體規劃》另附上.NET Core實戰項目交流羣：637326624 有興趣的朋友能夠共同交流技術經驗。
做者：依樂祝
原文地址：https://www.cnblogs.com/yilezhu/p/10035275.html

Vue是什麼

Vue (讀音 /vjuː/，相似於 view) 是一套用於構建用戶界面的漸進式框架。與其它大型框架不一樣的是，Vue 被設計爲能夠自底向上逐層應用。Vue 的核心庫只關注視圖層，不只易於上手，還便於與第三方庫或既有項目整合。另外一方面，當與現代化的工具鏈以及各類支持類庫結合使用時，Vue 也徹底可以爲複雜的單頁應用提供驅動。
說白了Vue.js就是當下很火的一個JavaScript MVVM庫（前端庫）。相比於Angular.js，Vue.js提供了更加簡潔、更易於理解的API，使得咱們可以快速地上手並使用Vue.js。
若是你以前已經習慣了用jQuery操做DOM，學習Vue.js時請先拋開手動操做DOM的思惟，由於Vue.js是數據驅動的，你無需手動操做DOM。它經過一些特殊的HTML語法，將DOM和數據綁定起來。一旦你建立了綁定，DOM將和數據保持同步，每當變動了數據，DOM也會相應地更新。
固然了，在使用Vue.js時，你也能夠結合其餘庫一塊兒使用，好比jQuery。

Vue.js的特色

• 簡潔： HTML 模板 + JSON 數據，再建立一個 Vue 實例，就這麼簡單。

• 數據驅動： 自動追蹤依賴的模板表達式和計算屬性。

• 組件化： 用解耦、可複用的組件來構造界面。

• 輕量： 生產版本刪除了警告後共30.90KB min+gzip，無依賴（2.5.17版本）。

• 快速： 精確有效的異步批量 DOM 更新。

• 模塊友好： 經過 NPM 或 Bower 安裝，無縫融入你的工做流。

如何學習Vue.js

這裏介紹幾個比較好的Vue學習的網站，都是免費的！大夥能夠跟着系統的學習下。畢竟我最開始也是看了下面的官方教程以及菜鳥教程裏面的Vue教程的。
Vue的官方中文教程：https://cn.vuejs.org/v2/guide/index.html
Vue.js菜鳥教程：http://www.runoob.com/vue2/vue-tutorial.html
GitHub地址：https://github.com/vuejs/vue
Releases地址：https://github.com/vuejs/vue/releases

快速開始運行Vue.js

Vue的安裝

這裏須要注意的是Vue 不支持 IE8 及如下版本，由於 Vue 使用了 IE8 沒法模擬的 ECMAScript 5 特性。但它支持全部兼容 ECMAScript 5 的瀏覽器。目前最新穩定版本是：2.5.17。目前就兩種我認爲經常使用的安裝方式羅列以下：至於NPM以及CLI的方式我就不推薦了，專業的前端玩的東西我感受高大上，懶得折騰。

1. 直接下載並用

   刷新評論 刷新頁面 返回頂部