Vue.js の理解に関する詳細な説明

Vue.js (/vjuː/ と発音、ビューに似ています) は、ユーザー インターフェイスを構築するための進歩的なフレームワークです。他の重量級フレームワークとは異なり、Vue はボトムアップの増分開発設計を採用しています。 Vue のコア ライブラリはビュー層のみに焦点を当てており、開始するのが簡単であるだけでなく、サードパーティのライブラリや既存のプロジェクトとの統合も簡単です。一方、Vue は、Vue エコシステムでサポートされている単一ファイル コンポーネントやライブラリと組み合わせることで、複雑な単一ページ アプリケーションを強化することもできます。

経験豊富なフロントエンド開発者で、Vue.js と他のライブラリ/フレームワークの違いを知りたい場合は、他のフレームワークとの比較を確認してください。

特徴:

1. シンプルさ: HTML テンプレート + json データ + Vue インスタンス

2. データ駆動型: 自動追跡用のテンプレート式とマシン選択されたプロパティ

3. コンポーネント化: 解決可能な結合された再利用可能なコンポーネントを使用世界を構築するため

4. 軽量: 正確かつ効果的な非同期バッチ Dom 更新

5. モジュールに優しい: npm または bower を通じてインストールされ、ワー​​クフローにシームレスに統合されます。

互換性:

Vue.js は、IE8 より前のバージョンをサポートしていません。Vue.js は、IE8 がサポートしていない AScript5 の機能を使用します。

宣言的レンダリング

Vue.js の中核は、簡潔なテンプレート構文を使用して DOM へのデータの宣言的レンダリングを可能にするツールです:

<

div id="app">{{ message }}</div>    
var app = new Vue({el: &#39;#app&#39;,data: {message: &#39;Hello Vue!&#39;}})

いくつかの基本的な知識について話しましょう:

1、グローバル設定

Vue.config は、Vue のグローバル設定を含むオブジェクトです。アプリケーションを起動する前に、次のプロパティを変更できます。

#slient

型: boolean

デフォルト値: false

使用法:

戦略

デフォルト値: {}

1 Vue.config.optionMergeStrategies._my_option = function (parent, child, vm) {2   return child + 13 }4 const Profile = Vue.extend({5   _my_option: 16 })7 // Profile.options._my_option = 2

• デフォルト値: true (製品バージョンは false)

  boolean

• 默认值： true (生产版为 false)

• 用法：　　

  // 务必在加载 Vue 之后，立即同步设置以下内容
  Vue.config.devtools = true

  配置是否允许 vue-devtools 检查代码。开发版本默认为 true，生产版本默认为 false。生产版本设为 true

使用法:

1 Vue.config.errorHandler = function (err, vm, info) {2   // handle error3   // `info` 是 Vue 特定的错误信息，比如错误所在的生命周期钩子4   // 只在 2.2.0+ 可用5 }