VUEを認識する

1850 ワード

vueは主に何に使いますか?
          .

vueファミリーバケツ(常用)
  • vue.js
  • vue-cli vueプロジェクト
  • の迅速な構築
  • vue-devtools開発デバッグ
  • vue-routerルーティング管理
  • vuex状態管理
  • vue-server-rendererサービス側レンダリング
  • element-UI UIライブラリ
  • 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