Vue における {{}}、v-text、v-html の違いと用途の詳細な説明
<!DOCTYPE html>
<html lang="ja">
<ヘッド>
<メタ文字セット="UTF-8">
<title>タイトル</title>
</head>
<本文>
<div id="アプリ">
<p>おはようございます {{info}}</p>
<p v-text="info">おはようございます</p>
<p v-html="info">おはようございます</p>
<時間>
<p v-text="addr">はあ</p>
<p v-html="addr">はあ</p>
<時間>
<p v-text="addr2">はあ</p>
<p v-html="addr2">はあ</p>
</div>
</本文>
</html>
<script src="js/vue.js"></script>
<スクリプト>
新しいVue({
el:"#アプリ",
データ：{
情報:"良い",
addr:"<a href='https://www.baidu.com'>クリックして Baidu に入る</a>",
addr2:'<a href="https://www.baidu.com" rel="external nofollow" >Baidu</a>'
}
});
</スクリプト>
これで、vue における {{}}、v-text、v-html の違いと用途に関するこの記事は終了です。vue における {{}}、v-text、v-html の違いと用途に関するより関連性の高いコンテンツについては、123WORDPRESS.COM で以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: DockerでMySQLマスタースレーブ環境を構築する方法の詳しい説明
>>: Navicat がデータベース データ構造をインポートする際に発生するエラー datetime(0) の SQL レポートの問題を解決します。
推薦する
ウェブページ上でデスクトップ exe プログラムを呼び出す簡単な方法
この記事では主に、Web ページ上でデスクトップ exe プログラムを呼び出す方法を紹介します。 W...
vue3 プロジェクトを素早く構築し、関連機能を紹介する vite+ts の詳細な説明
目次ヴィテ建てる構成vite.config.tsルーターtsタイプvue3 の知識設定小道具コンテク...
Apache SkyWalkingのセルフモニタリングを素早く有効にする方法を説明します
1. Prometheusテレメトリデータを有効にするデフォルトでは、テレメトリは次のように無効にな...
さまざまな種類のMySQLインデックス
インデックスとは何ですか?インデックスは、データベース ストレージ エンジンが指定されたデータをすば...
MySQL 5.7.17 のインストールと設定方法のグラフィック チュートリアル (Windows10)
MySQL 5.7.17 のインストールと設定方法の概要最初のステップは、MySQL公式サイトから...
MySql 5.7.21 無料インストール バージョンの構成方法 (Win10 の場合)
1.インストールしたい場所に解凍し、my.iniファイルを作成します。 my.iniの内容は次のと...
Vue3.0プロジェクトの構築と利用プロセス
目次1. プロジェクト構築2: ディレクトリ構造3: コンポジションAPI 4: 基本的な使い方:最...
クロスドメインの問題を解決するためのNginxの実用的な方法
フロントエンドとバックエンドを分離し、nginxを使用してクロスドメインの問題を解決するフロントエン...
jQueryはバウンドボールゲームを実装します
この記事では、バウンドボールゲームを実装するためのjQueryの具体的なコードを参考までに共有します...
Vue要素と多言語切り替えの詳細な説明
目次序文複数の言語を切り替えるにはどうすればいいですか? 1. vue-i18nパッケージをインスト...
ウェブデザインのためのオンライン開発ツール10選の紹介
1. オンラインテキストジェネレーターBlindTextGenerator: デザイナーにとって、こ...
Docker データ管理 (データ ボリュームとデータ ボリューム コンテナー) の詳細な説明
実稼働環境で Docker を使用する場合、多くの場合、データを複数のコンテナ間で永続化または共有す...
よくある HTML タグの記述エラー
HTML Police がコードを調べて意味のないタグをすべて見つけ出すので、注意を払う必要がありま...
vue + Electron でデスクトップ アプリケーションを作成するためのサンプル コード
1.vueパッケージングここでは、vueネイティブパッケージングコマンドを使用してvueプロジェクト...
Ubuntu20のtzselect設定時間失敗問題、Raspberry Piサーバ（推奨）
2 日前、Raspberry Pi サーバーを Ubuntu 20 にアップグレードしました。今日...