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

推薦する

Reactは複雑な検索フォームの展開と折りたたみ機能を実装します

時間に余裕を持って、過去を忘れましょう。前のセクションでは、[検索] フォームとクエリおよびリセット...

MySQLでの少し複雑な使用例コード

序文MySQL の構文は誰にとっても難しいものではないと思いますが、この記事では主に MySQL の...

MySQL におけるデフォルトの使用法の詳細な説明

NULL および NOT NULL 修飾子、DEFAULT 修飾子、AUTO_INCREMENT 修...

Linux inotifyリアルタイムバックアップの実装方法の詳細説明

リアルタイム レプリケーションは、企業データをバックアップする最も重要な方法です。主に、ユーザーが送...

JavaScript の基礎におけるデータ型の詳細な説明

目次1. データ型1.1 なぜデータ型が必要なのか? 1.2 変数のデータ型1.3 データ型の分類2...

Windows システム mysql5.7.18 インストール グラフィック チュートリアル

Windows システム向け MySQL インストール チュートリアルダウンロード1. https:...

ubuntu16.04 で nginx を完全にアンインストールするための関連コマンド

nginx の概要nginx は、無料のオープンソースの高性能 HTTP サーバーおよびリバース プ...

Linux ソフトウェアのインストール場所を確認する簡単な方法

1. ソフトウェアのインストールパスを確認します。 Linuxソフトウェアをインストールできる場所は...

vue+springbootでログイン認証コードを実現

この記事では、ログイン認証コードを実装するためのvue+springbootの具体的なコードを例とし...

Linux でユーザーをグループに追加する 4 つの方法の概要

序文Linux グループは、Linux でユーザー アカウントを管理するために使用される組織単位です...

mysql5.7のインストールとNavicateの長期無料利用の実施手順

(I) mysql5.7のインストール: ❀詳細:無料のグリーンバージョン5.7のインストール方法は...

Docker による Oracle 11g イメージ構成のプルに関する詳細なチュートリアル

さっそくAlibaba の oracle11g イメージをプルして構成する docker の記録を開...

HTML での Li タグの使用例

タイトルを左に、日付を右に揃えたいのですが、日付の範囲に float:right を直接追加すると、...

JavaScript におけるセミコロンの詳細

序文JavaScript ではセミコロンはオプションであり、使用するかどうかは主にコーディング スタ...

サラウンドリフレクションロード効果を実現するHTML+CSS

この記事では、主に html + css を使用してサラウンド リフレクション ローディング エフェ...