前端vue和bootstrap的區別是什么

本文小編為大家詳細介紹“前端vue和bootstrap的區別是什么”，內容詳細，步驟清晰，細節處理妥當，希望這篇“前端vue和bootstrap的區別是什么”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

在很多人眼里 bootstrap 和 vue 都是前端框架，其實他們還是有很多區別的，bootstrap 是前端頁面框架，用于快速開發響應式頁面，而 vue 是前端 js 庫，把前端開發組件化。

BootStrap

Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它在 jQuery 的基礎上進行了更為個性化和人性化的完善，形成一套自己獨有的網站風格，并兼容大部分 jQuery 插件。

Bootstrap 簡潔靈活，使得 Web 開發更加快捷。其最大的優勢是響應式布局，使得開發者可以方便的讓網頁無論在臺式機、平板設備、手機上都獲得最佳的體驗。

特點是柵格系統, 使用簡單, 上手容易. 專為響應式頁面而生. 一套代碼就可以自適應平板電腦和 PC.

缺點在于, 缺少一套有力的成體系的組件(當時調查的時候還沒有, 現在據說有了), 我在實際使用時, 發生了作用域沖突的問題, 如果沒有整理好一整套組件, 開發很累

Vue

Vue.js 是用于構建交互式的 Web 界面的庫。它提供了 MVVM 數據綁定和一個可組合的組件系統，具有簡單、靈活的 API
特點在于, 站在了 React 的肩膀上, 許多方面更出色了:

• 　　1. 數據的雙向綁定. 數據改, 頁面改. 頁面改, 數據也改.

• 　　2. 頁面的呈現據說比 React 還快.

• 　　3. 組件化(實際上 React 也有組件化). 這和 BootStrap 這種組件化的概念還有點不同, Vue 的組件化, 已經把作用域沖突的問題給搞定了.另外, js 測試也變得更專業化了(有點類似 junit).

• 　　4. 單 html 開發. 它的開發模式, 是一個 html, 然后不停替換組件對應的js來切換顯示效果. html 中的共通 js 和 css 只需要download 一次, 理論上比 Iframe 頁面的呈現更快.

• 　　5. 結合 node.js 提供的 webpack 等, 可以進行成體系的打包發布.

　　缺點在于, 上手難度比較高, 并且大規模開發的化, 需要有體系化開發的積累.

讀到這里，這篇“前端vue和bootstrap的區別是什么”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。