小さなプログラムと Vue の記述方法の主な違いは次のとおりです。
-
構文は異なります。アプレットは WXML、WXSS、および JS を使用しますが、Vue は HTML、CSS、および JSX を使用します。
-
データ バインディングの方法は異なります。アプレットは双方向のデータ バインディングを使用しますが、Vue は一方向のデータ フローを使用します。
- 1) アプレットでは、パラメータ転送を完了するために、e.currentTarget.dataset.* を使用してデータを取得する必要があります。
- 2) Vue は、渡されたパラメータをトリガーされたイベントの仮パラメータとして渡すだけで済みます。
-
さまざまなコンポーネント化方法: アプレットのコンポーネント化方法はテンプレートとスタイルに基づいていますが、Vue のコンポーネント化方法はコンポーネントに基づいています。
-
さまざまなライフ サイクル: アプレットと Vue のライフ サイクルにはいくつかの類似点がありますが、いくつかの違いもあります。
- 1) 小さなプログラム ライフ サイクル: onLoad ページの読み込み、onShow ページの表示、onReady ページの初めてのレンダリング、onHide ページの非表示、onUnload ページのアンロード
- 2) Vue ライフサイクル: データ、マウント、更新前、更新、破壊前、破棄
-
ルーティング方法は異なります。アプレットのルーティング方法はページ スタックに基づき、Vue のルーティング方法は URL に基づきます。
-
開発ツールは異なります。ミニ プログラムは WeChat 開発者ツールを使用して開発およびデバッグする必要がありますが、Vue は Vue をサポートする任意の開発ツールを使用して開発およびデバッグできます。
-
要素の表示と非表示は異なります
- 1) wx-if および非表示の制御要素を使用して、アプレット内で表示および非表示を切り替えます。
- 2) Vue で v-if と v-show を使用して要素の表示と非表示を制御します
-
親子コンポーネントの通信は異なります。
-
1) サブコンポーネントの作成は異なります:
a. Vue の場合: サブコンポーネントを作成し、インポートを通じて親コンポーネントを導入し、コンポーネントに登録し、テンプレートで使用します b. 小さな
プログラムの場合: サブコンポーネントを作成し、サブコンポーネントの json ファイルで、ファイルを次のように宣言しますコンポーネントは、親コンポーネントの json ファイル内で、usingComponents にコンポーネントとサブコンポーネントのパスを入力し、親コンポーネントで直接参照します。 -
2) 親コンポーネントと子コンポーネントは異なる方法でパラメータを渡します
a. Vue の場合: 親コンポーネントでは、子コンポーネントの v-bind を通じて値が渡され、子コンポーネントは
props を通じて b を受け取ります。アプレットの場合: 値を直接割り当てます。親コンポーネントの変数に、サブコンポーネントのプロパティで渡された値を受け取ります -
3) 親コンポーネントは、子コンポーネントのメソッド a を呼び出し
、アプレット内の子コンポーネントに ID またはクラスを追加して、this.selectComponent を通じて子コンポーネントを見つけ、子コンポーネントのメソッド b を呼び出し、子に参照を追加します
。 Vue のコンポーネントに、これを渡します。 .refs.ref の値は、サブコンポーネント内のメソッドを呼び出すサブコンポーネントを取得します。
-
一般に、アプレットと Vue の間には多くの違いがありますが、どちらも独自の利点と適用可能なシナリオを備えた最新のフロントエンド開発テクノロジです。開発者が自己ニーズと技術レベルに応じて選択できるテクノロジー スタック适合自己。