Vueのテンプレートの構文 - 応答データ

応答データ

1. 応答を理解する方法
   • HTML5の式に応じて：変化パターンにおける画面サイズ変更結果
   • 応答データ：データの変更は、ページのコンテンツに変化をもたらします

2. データバインディングとは何ですか

   バインディング：ラベルにデータを埋めます

3. V-かつて一度だけコンパイル

   表示内容は、もはや応答機能ではないの後

二、V-一度命令

1. V-一度のシナリオ

   さらに変更することなく次の情報ならば、使用V-一度、これはパフォーマンスを向上させることができます。

2. V-一回の使用

   V-一度命令を追加するタグを埋め込む必要

3. 例えば

      <div id='app'>
        <div>{{msg}}</div>
        <div v-once>{{info}}</div>
      </div>
      <script type="text/javascript" src="js/vue.js"></script>
      <script type="text/javascript">
         var vm =new Vue({
               el:'#app',
               data:{
                  msg:'HelloWorld',
                  info:'Vue是真得好！！！'
               }
         })
      </script>

結果：
ブラウザのコンソールで、でvm.msg=***MSGの値を変更し、使用することができないvm.info=***情報の値を変更するには