VUEを認識する
1850 ワード
vueは主に何に使いますか?
vueファミリーバケツ(常用) vue.js vue-cli vueプロジェクト の迅速な構築 vue-devtools開発デバッグ vue-routerルーティング管理 vuex状態管理 vue-server-rendererサービス側レンダリング element-UI UIライブラリ vue基本使用
vue命令
コマンド名
使用法(略記)
説明する
v-bind
v-bind:title(:title)
データデータの一方向バインド->ビュー
v-model
v-model="name"
双方向バインドデータ<=>ビュー
v-text
v-text="name"
出力テキスト
v-html
v-html="
htmlの出力
v-for
ループループ、ループの各要素に一意のkeyを追加する必要があります
v-if v-else-if v-else
v-if="isShow"
domをレンダリングするかレンダリングするか
v-show
v-show="isShow"
スタイルを表示するかどうか
v-on
v-on:click="fn"(@click="fn")
メソッドの呼び出しに使用
v-cloak
表示の最適化、vueコンパイル時の表示の非表示
v-once
vueは1回のみコンパイルし、パフォーマンスを向上
v-pre
プリコンパイル、vueは中身をコンパイルせず、パフォーマンスを向上
v-solt
.
vueファミリーバケツ(常用)
// vue {{}}
const vm = new Vue({
el: "#root", //
data: {
//
name: "cherries"
},
methods: {
//
add(n1, n2) {
return n1 + n2;
}
}
});
vue命令
コマンド名
使用法(略記)
説明する
v-bind
v-bind:title(:title)
データデータの一方向バインド->ビュー
v-model
v-model="name"
双方向バインドデータ<=>ビュー
v-text
v-text="name"
出力テキスト
v-html
v-html="
"htmlの出力
v-for
ループループ、ループの各要素に一意のkeyを追加する必要があります
v-if v-else-if v-else
v-if="isShow"
domをレンダリングするかレンダリングするか
v-show
v-show="isShow"
スタイルを表示するかどうか
v-on
v-on:click="fn"(@click="fn")
メソッドの呼び出しに使用
v-cloak
表示の最適化、vueコンパイル時の表示の非表示
v-once
vueは1回のみコンパイルし、パフォーマンスを向上
v-pre
プリコンパイル、vueは中身をコンパイルせず、パフォーマンスを向上
v-solt
(#header)
---------- ( )
- .stop
- .prevent
- .self
- .once
---------- vm.$set(obj, key, value) vm.$delete(obj, key)
- 、
-
- Object.assign(obj1, obj2)