ホームページ  >  記事  >  ウェブフロントエンド  >  vuejsとブートストラップの違いは何ですか

vuejsとブートストラップの違いは何ですか

青灯夜游
青灯夜游オリジナル
2021-09-06 17:18:193068ブラウズ

vuejs と bootstrap の違い: Bootstrap は、HTML、CSS、JavaScript に基づいて開発されたフロントエンド ページ フレームワークであり、応答性の高いページを迅速に開発するために使用されます。 Vue は、ユーザー インターフェイスを構築し、フロントエンド開発をコンポーネント化するための進歩的な JavaScript フレームワークです。

vuejsとブートストラップの違いは何ですか

このチュートリアルの動作環境: Windows7 システム、vue2.9.6&&Bootstrap3 バージョン、DELL G3 コンピューター。

Bootstrap

Bootstrap は、HTML、CSS、JavaScript に基づいたシンプルで直感的なデザインで、のデザイナーである Mark Otto と Jacob Thornton によって開発されました。アメリカの Twitter 企業。Web 開発を高速化する強力なフロントエンド開発フレームワーク。

使いやすく始めやすいグリッドシステムが特徴です。レスポンシブページに特化して設計されており、1つのコードでタブレットやPCにも対応できます。

欠点は、一式が揃っていないこと 強力な体系的なコンポーネントがある(調査当時は存在しなかったが、現在は存在するとのこと) 実際に使ってみると、スコープの競合が発生したコンポーネントが整理されていないと、開発は非常に疲れるでしょう。

Vue

Vue (/vjuː/ と発音、ビューに似ています) は、ユーザー インターフェイスを構築するための進歩的な JavaScript フレームワークです。他の大きなフレームワークとは異なり、Vue は下から上にレイヤーごとに適用されるように設計されています。 Vue のコア ライブラリはビュー レイヤーのみに焦点を当てているため、サードパーティのライブラリや既存のプロジェクトと簡単に統合できます。

特徴は、React を継承して多くの点で優れていることです:

  • データの双方向バインディング、データ変更、ページ変更。ページが変更され、データも変更されました。

  • ページのレンダリングは React よりも高速であると言われています。

  • コンポーネント化 (実際には Reactこれは、「BootStrap のコンポーネント化の概念は少し異なります。Vue のコンポーネント化により、スコープの競合の問題が解決されました。さらに、js テストはより専門的になりました (junit に若干似ています)。

    」と同じです。
  • 単一の HTML 開発。開発モードは HTML で、コンポーネントに対応する JS を継続的に置き換えて表示効果を切り替えます。HTML 内の共通の JS と CSS は 1 回ダウンロードするだけで済みます。理論的には Iframe ページよりも優れています レンダリングが高速です

  • Node.js などが提供する Webpack と組み合わせることで、計画的にパッケージ化してリリースできます。

デメリットはとっつきにくいこと、コストが比較的高く、大規模な開発には計画的な開発の積み重ねが必要となること、Vueのコンポーネントベース開発にはElementの使用を推奨します。

bootstrap と vue の違い

Bootstrap は、HTML、CSS、JavaScript をベースにした、シンプルで直感的かつ強力なフロントエンド開発フレームワークです。 ; 一方、Vue はユーザー インターフェイスを構築するための進歩的な JavaScript フレームワークです。

Bootstrap は、レスポンシブ ページを迅速に開発するために使用されるフロントエンド ページ フレームワークであり、vue はフロントエンド開発をコンポーネント化するフロントエンド JS ライブラリです。

関連する推奨事項: 「

vue.js チュートリアル 」、「ブートストラップ チュートリアル

以上がvuejsとブートストラップの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。