いくつかの簡単な Vue.js 手順のまとめ

この記事で紹介した内容は、簡単な Vue.js の手順をまとめたものなので、必要な方は参考にしてください

HTML ページ:

<p id="app">{{message}}</p>

。

ページ データはデータ内のデータです

テンプレート命令: モジュールのコンテンツを制御します

v-text (要素のテキストコンテンツを制御します)

eg： <p  v-text="a"></p>   --> a 是data中的a

v-html (要素のコンテンツを制御します)内部構造を含む要素)

eg:<p v-html="a"></p>

制御モジュールが非表示
v-if

 eg:<p v-if="isShow"></p>    -->isShow的值是布尔值，true：显示， false，隐藏

v-show

eg:<p v-if="isShow"></p>    -->isShow的值是布尔值，true：显示， false，隐藏

レンダリングループリスト v-for

eg: 
<ul>　　　　　<li v-for="item in items">　　　　　　　　　<p v-text="item.label"></p>　　
　　　　-->item是items里的每一个对象，items是data里的数组

　　　　　</li></ul>

イベントバインディング v-on reee

関連する推奨事項:

Vue の例。 js カスタム命令

Vue.js 入門 - 組み込み命令 v-html

Vue.js 知識のまとめ—— コマンド

vue.js の使用に関する注意点

以上がいくつかの簡単な Vue.js 手順のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。