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 を使用してイメージをローカルにパッケージ化してデプロイする方法

推薦する

LinuxにComposerをインストールする方法

1. インストールスクリプト(composer-setup.php)を現在のディレクトリにダウンロー...

MySQLキーワードDistinctの詳細な紹介

MySQLキーワードDistinctの使い方の紹介DDL SQLを準備します: テーブルテストを作成...

Windows 10 の Docker で countly-server を展開して実行するプロセス

私は最近countlyに触れて、慣れてきました。私は、必要に応じてcountlyのクラッシュプラグイ...

ネイティブ JavaScript を使用した Web 計算機の実装

この記事では、参考までに、計算機のWebバージョンを実装するためのJavaScriptの具体的なコー...

MySql への新しいユーザーの追加、ユーザー用のデータベースの作成、ユーザーへの権限の割り当ての概要

1. 新しいユーザーを追加するローカルIPアクセスのみを許可する '123456' ...

Vue 監視プロパティと計算プロパティ

目次1. 監視プロパティを監視する1. ショッピングカート2. すべて選択し、すべて選択解除する2....

MySQL のインストール方法と設定に関するいくつかの問題の概要

1. MySQL rpm パッケージのインストール # インストールソースをダウンロードします [r...

Windows 10 での MySQL 8.0.16 のインストールと設定のチュートリアル

この記事では、参考までにMySQL 8.0.16のインストールと設定方法のグラフィックチュートリアル...

HTML pre タグ内の自動改行

このとき、overflow:auto;(コードがコンテナの境界を超えたときにスクロールボックスを表示...

ウェブデザインの発展と西洋建築の類似点は何でしょうか?

歴史は常に驚くほどうまく繰り返される。西洋建築とウェブデザインは、どちらも工学と芸術の組み合わせです...

mysql8.0.11データディレクトリ移行の実装

mysql のデフォルトのストレージ ディレクトリは/var/lib/mysql/です。以下は、デフ...

MySQL トランザクション分離レベルの原則例分析

導入あなたも面接でこれに遭遇したことがあるはずです。トランザクションの分離レベルについてお話ししまし...

Linux でのソース パッケージ インストールのサービス管理

目次1. ソースパッケージサービスの起動管理2. ソースパッケージサービスのセルフスタート管理3. ...

MySQL 8.0 の binlog の詳細な説明

1 はじめにバイナリ ログは、データを持つ、またはデータを変更する可能性がある SQL ステートメン...

スクロール時に選択領域のフォント色を暗くするために CSS を使用するサンプルコード

日付ピッカーをカプセル化する場合、選択時にフォントの色を暗くする必要があります。実装後の効果を見てみ...