vuejsとbulmaの違いは何ですか-フロントエンドQ&A-php.cn

vuejsとbulmaの違いは何ですか

青灯夜游

リリース： 2023-01-07 11:47:34

オリジナル

2973 人が閲覧しました

違い: vuejs は、ユーザーインターフェイスを構築するためのプログレッシブ JavaScript フレームワークです。その目標は、最も単純な API を通じて応答性の高いデータバインディングとコンポーザブルビューコンポーネントを実現することです。一方、Bulma は、Flexbox に基づくフレームワークです。さまざまな単純または複製されたレスポンシブコンテンツレイアウトを実装します。

vuejsとbulmaの違いは何ですか

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

vuejs とは何ですか?

Vue.js (/vju:/ と発音、ビューと同様に発音) は、ユーザーインターフェイスを構築するための進歩的なフレームワークです。他の重量級フレームワークとは異なり、Vue はボトムアップの増分開発設計を採用しています。

Vue のコアライブラリはビュー層のみに焦点を当てており、学習や他のライブラリや既存のプロジェクトとの統合が非常に簡単です。 Vue は、Vue エコシステムによってサポートされる単一ファイルコンポーネントとライブラリで開発された複雑な単一ページアプリケーションを強化する能力を十分に備えています。

Vue.js は、シンプルで柔軟な API を備えた MVVM データバインディングとコンポーザブルコンポーネントシステムも提供します。その目標は、可能な限りシンプルな API を通じて応答性の高いデータバインディングとコンポーザビリティを実現することです。ビューコンポーネント。

Vue.js は応答性の高いシステム (Reactivity System) であるとも言えます。データモデル層 (Model) は通常の JavaScript オブジェクトです。次の図に示すように、{ } は JavaScript オブジェクトを表します。これを変更すると、対応する HTML フラグメント (DOM) が更新されます。これらの HTML フラグメントは「ビュー」とも呼ばれます。これにより、状態管理が非常にシンプルかつ直感的になり、データの双方向バインディングが実現できるため、レスポンシブシステムとも呼ばれます。

vuejsとbulmaの違いは何ですか

Vue.js の主な機能

Vue.js は、フロントエンドインターフェイス開発のための優れた JavaScript ライブラリです。 Fire には多くの優れた特徴がありますが、その主な特徴は次のとおりです。

1) 軽量フレームワーク

Vue.js は、依存するテンプレート式と計算されたプロパティを自動的に追跡でき、シンプルな MVVM データバインディングと構成可能なコンポーネントシステムを提供します。柔軟な API により、読者は読みやすくなります。理解し、より早く始めることができます。

2) 双方向データバインディング

宣言的レンダリングは双方向データバインディングの主な実施形態であり、Vue.js の中核でもあり、簡潔な表現を使用したデータの宣言的レンダリングを可能にします。テンプレート構文。DOM に統合します。

3) 命令

Vue.js は、主に組み込み命令を通じてページと対話します。命令の機能は、式の値が変化したときに、それに応じて特定の動作を変更することです。 DOMに。

4) コンポーネント化

コンポーネント (コンポーネント) は、Vue.js の最も強力な機能の 1 つです。コンポーネントは HTML 要素を拡張し、再利用可能なコードをカプセル化できます。

Vue では、親子コンポーネントは props を介して通信し、親から子への一方向の送信になります。子コンポーネントは親コンポーネントと通信し、イベントをトリガーしてデータ変更を親コンポーネントに通知します。これは、基本的な父と子のコミュニケーションモデルを形成します。

開発中のコンポーネントが HTML や JavaScript などと非常に密接な関係にある場合、実際のニーズに応じてコンポーネントをカスタマイズできるため、開発がより便利になり、コードの記述量が大幅に削減されます。

このコンポーネントはホットリロードもサポートしています。変更を加えた場合、ページは更新されませんが、コンポーネント自体はすぐに再ロードされ、アプリケーション全体の現在の状態に影響はありません。 CSS はホットリロードもサポートしています。

5) クライアント側ルーティング

Vue-router は Vue.js の公式ルーティングプラグインで、Vue.js と深く統合されており、シングルページアプリケーションの構築に使用されます。 Vue シングルページアプリケーションはルーティングとコンポーネントに基づいています。ルーティングは、アクセスパスの設定と、パスとコンポーネントのマップに使用されます。従来のページは、ページ切り替えとハイパーリンクによるジャンプを実装します。

6) 状態管理

状態管理は実際には一方向のデータフローです。状態はビューのレンダリングを駆動し、ユーザーはビューを操作してアクションを生成し、それによって状態が変化します。これにより、ビューが再レンダリングされて別のコンポーネントが形成されます。

ブルマとは何ですか？

Bulma は、Flexbox をベースにした最新の CSS フレームワークです。デザインの本来の目的はモバイルファーストです。モジュラーデザインを使用して、さまざまな単純な応答やコピーされた応答を簡単に実装できます。スタイルコンテンツレイアウト、ブラウザのサポート: ブラウザのサポート: Chrome、Edge、Firefox、Internet Explorer (10)、Opera、Safari。

bulma には次の機能があります: