VUE ユニアプリコア知識の簡単な紹介

VUE ユニアプリコア知識の簡単な紹介

仕様

a. ページファイルは、vue の単一ファイルコンポーネント仕様に従います。

<!-- テンプレート ブロック -->
<テンプレート>
	<ビュークラス="メイン">
		{{メッセージ}}
	</ビュー>
</テンプレート>
<!-- スクリプト ブロック -->
<スクリプト>
	エクスポートデフォルト{
		データ(){
			戻る {
				メッセージ: 'こんにちは'
			}
		}
	}
</スクリプト>
<!-- スタイル ブロック -->
<スタイル>
	。主要{
		背景色:#ccc;
	}
</スタイル>

b. コンポーネントラベルはミニプログラムの仕様に近い

<テンプレート>
	<view>こんにちは</view>
	<text> 王 </view>
</テンプレート>

c. インターフェース機能(JS API)はWeChatミニプログラムの仕様に近い

//位置情報を取得するuni.getLocation({
	タイプ:'wgs84',
	成功:function(res){
		console.log('現在の場所の経度: '+res.longitude);
		console.log('現在の場所の緯度: '+res.latitude);
	}
});

e. データバインディングとイベント処理ではVue.js仕様を使用する

<テンプレート>
	<view @click="changeMsg">
		{{メッセージ}}
	</ビュー>
</テンプレート>
<スクリプト>
	エクスポートデフォルト{
		データ(){
			戻る {
				メッセージ: 'こんにちは'
			}
		},
		方法:{
			変更メッセージ(){
				this.msg:'世界'
			}
		}
	}
</スクリプト>

特徴

a. 条件付きコンパイル

#ifdef アプリプラス
	APP プラットフォームにのみ表示されるコード#endif
#ifndef H5
	 H5プラットフォームを除き、他のプラットフォームに存在するコード#endif
#ifdef H5 || MP-WEIXION
H5プラットフォームまたはWeChatミニプログラムプラットフォームに存在するコード#endif

b. アプリ側でのNvue開発

uni-app アプリには、ネイティブ レンダリング機能を提供する Weex ベースのネイティブ レンダリング エンジンが組み込まれています。

アプリ側では、vue ページを使用する場合は Webview レンダリングを使用し、nvue ページを使用する場合はネイティブ レンダリングを使用します。

c. HTML5+

uni-app アプリには HTML5+ エンジンが組み込まれており、js が豊富なネイティブ機能を直接呼び出すことができます。より複雑な機能は、アプリのネイティブ プラグインを直接呼び出すことで実装できます。アプリ側でのみ使用可能、H5およびミニプログラムでは使用できません

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。

以下もご興味があるかもしれません:
  • VUEの基本を理解するのに役立つ記事
  • Vueを使い始める際に習得する必要がある知識について簡単に説明します
  • Vueコンポーネントの基本のまとめ
  • Vueコンポーネント入門知識の包括的なレビュー
  • Vueの基礎知識はご存知ですか?

<<:  MySQL でインデックス構造として B+ ツリーを使用する利点は何ですか?

>>:  Docker を使用してイメージをローカルにパッケージ化してデプロイする方法

推薦する

jsのイベントループ機構の解析

序文ご存知のとおり、JavaScript は本質的にシングルスレッドですが、ブラウザは非同期リクエス...

Centos 7にmysql5.7.24バイナリバージョンをインストールする方法と解決方法

MySQLバイナリのインストール方法mysqlをダウンロード参考: 1. パッケージを解凍する ta...

Vueでeslintを使用する方法の詳細な説明

目次1. 説明2. 関連する依存パッケージをダウンロードする3. 設定ファイル .eslintrc....

MySQL データベースのマスター スレーブ分離のサンプル コード

導入MySQL データベースの読み取りと書き込みの分離を設定すると、データベースに対する書き込み操作...

1 つ以上の Linux インスタンスから SSH キー ペアのバインドを解除します。

キーペアの分離1 つ以上の Linux インスタンスから SSH キー ペアのバインドを解除します。...

VSCode 開発 UNI-APP 構成チュートリアルとプラグイン

目次前面に書かれた予防開発環境構築開発構成に関する注意事項前面に書かれたuni-app は、Vue....

docker を使用して crownblog プロジェクトを Alibaba Cloud にデプロイする方法

フロントエンドプロジェクトのパッケージ化.env.productionを見つけて、自分のIPまたはド...

Nginx ソースコード調査における nginx 電流制限モジュールの詳細な説明

目次1. 電流制限アルゴリズム2. nginxの基礎知識4. 実戦要約する高並行性システムには、キャ...

MySQL インデックスの正しい使い方とインデックスの原理の詳細な説明

1. はじめになぜインデックスが必要なのでしょうか?一般的なアプリケーション システムでは、読み取り...

MySQL レプリケーションの詳細な説明と簡単な例

MySQL レプリケーションの詳細な説明と簡単な例マスタースレーブレプリケーション技術は、MySQL...

protobuf の簡単な紹介と Ubuntu 16.04 環境でのインストールチュートリアル

protobufの簡単な紹介Protobuf は、Google のオープンソースのシリアル化プロトコ...

Linux でスペースを含むファイルを削除する (ディレクトリではない)

日常業務では、スペースのないファイルに遭遇することがよくあります。これにより、削除操作がはるかに簡単...

Docker+Selenium Grid に基づく技術アプリケーションをテストするためのサンプル コード

Selenium Grid の紹介Selenium Grid のいくつかの新しい機能は、今後リリース...

関連するプロパティのリストを含む HTML エリア イメージ ホットスポットの使用の概要

<area> タグは主にイメージマップで使用されます。イメージマップにアクティブ領域 (...

vue+antv でレーダーチャートを実装するためのサンプルコード

1. 依存関係をダウンロードするnpm インストール @antv/データセットnpm インストール ...