ホームページ  >  記事  >  ウェブフロントエンド  >  Vue.js の理解に関する詳細な説明

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

零下一度
零下一度オリジナル
2017-07-19 17:28:172289ブラウズ

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

使用法:

戦略

タイプ: {[key:string]:関数}

デフォルト値: {}

使用法:

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

マージ戦略をカスタマイズするためのオプション。

マージ戦略オプションは、最初のパラメータを親インスタンスとして、2 番目のパラメータを子インスタンスとして受け入れ、Vue インスタンスのコンテキストが 3 番目のパラメータとして渡されます。
#devtools

タイプ: boolean

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

    boolean

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

  • 用法:  

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

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

  • 使用法:
// Vue をロードした直後に必ず次の内容を同期的に設定してください

Vue.config。 devtools = true vue-devtools を許可するかどうかの設定 コードを確認してください。開発バージョンのデフォルトは true で、製品バージョンのデフォルトは false です。製品バージョンは、チェックを有効にするために true に設定されています

#errorHandel

タイプ: function
🎜 デフォルト値: undefind🎜🎜 使用法: 🎜🎜
1 Vue.config.errorHandler = function (err, vm, info) {2   // handle error3   // `info` 是 Vue 特定的错误信息,比如错误所在的生命周期钩子4   // 只在 2.2.0+ 可用5 }
🎜

以上がVue.js の理解に関する詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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