vue1.0と2.0の違いは何ですか

Vue.js は、データ駆動型の Web インターフェイスを構築するための進歩的なフレームワークです。 Vue.js の目標は、可能な限りシンプルな API を使用して、応答性の高いデータ バインディングと合成ビュー コンポーネントを有効にすることです。簡単に始められるだけでなく、サードパーティのライブラリや既存のプロジェクトとの統合も簡単です。では、1.0 と 2.0 の違いは何でしょうか?見てみましょう。

1. ライフ サイクル

1. 1.0 のライフ サイクル:

#サイクル説明initコンポーネントのみ作成されましたが、データ、メソッド、その他の属性はまだ計算されていません#createdコンポーネントの作成は完了しましたが、DOM はまだ生成されていませんコンパイル前テンプレートのコンパイル前#コンパイル済み#テンプレートのコンパイル後readyコンポーネントの準備 (通常はさらに使用されます)attachedvm.$el が DOM に挿入されるときに呼び出されますdetachedvm.$el が DOM から削除されるときに呼び出されますbeforeDestoryコンポーネントが破棄されましたdestoryedコンポーネントが破棄された後2、2.0 ライフ サイクル

サイクル説明##作成前コンポーネントは作成されましたが、データ、メソッド、その他の属性はまだ計算されていませんコンポーネントの作成は完了しましたが、DOM はまだ生成されていませんテンプレートのコンパイル前テンプレートのコンパイル後、コンポーネント準備#コンポーネント更新前（データ等変更時） #activatedキープアライブ用、コンポーネントがアクティブ化されたときに呼び出されます##deactivatedbeforeDestorydestoryed2.0 ライフサイクルの変更はよりセマンティックに感じられます (見つけるためのルールがあり、より簡単です)覚えておきます)、beforeUpdate、updated、activated は、added、deactivated、deletedattached、detached です。 2: Filter

	created
	beforeMount
	mounted
	beforeUpdate
##updated	コンポーネントの更新後 (データなどが変更されたとき)
keep -live の場合、コンポーネントが削除されるときに呼び出されます
コンポーネントが破棄される前に
コンポーネントが破棄された後

2.0 は、1.0 に付属するすべてのフィルターを削除します。つまり、2.0 では、フィルターを使用する必要があります。以下はカスタム フィルタの例です、

Vue.filter('toDou',function(n,a,b){
    return n<10?n+a+b:&#39;&#39;+n;
});

3: ループ

整数ループについては、1.0 の整数ループは 0 から始まります。 , 2.0 の整数ループは 1 から始まります。以下を比較してください:

//HTML代码<ul id=&#39;box&#39;>
    <li v-for=&#39;val in 5&#39; v-text=&#39;val&#39;></li></ul>

4. フラグメント コード

テンプレートを作成するとき、2.0 はルート要素 (div など) を使用する必要があります。 ) コードフラグメントをラップします。そうでない場合は、エラーが報告されます。

之前:   在1.0使用时完全没问题
    <template>
        <h3>我是组件</h3><strong>我是加粗标签</strong>
    </template>
现在:  必须有根元素，包裹住所有的代码
    <template id="aaa">
            <div>
                <h3>我是组件</h3>
                <strong>我是加粗标签</strong>
            </div>
    </template>

上記は変更の一部のみを示しています。一般的に言えば、vue 2.0 へのアップグレードにおける変更はそれほど大きくありません。ピットを乗り越えた後に追加される新しい変更がいくつかあります

( •̀ω •́ )✧

以上がvue1.0と2.0の違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。