vue ディレクティブ v-bind の使用と注意点

 <div id="アプリ">

    <p v-bind:title="message" v-bind:id="pId">私はpタグです</p>

 </div>

<script src="./js/vue.js"></script>

          <スクリプト>

            vm = new Vue({

                el:"#アプリ",

                データ：{

                    メッセージ: 「私はpタグのタイトル値です」

                    pId: 「これはランダムなIDです」

                }

            })

<div id="アプリ">

    <p :title="message" :id="pId">私はpタグです</p>

 </div>

<script src="./js/vue.js"></script>

          <スクリプト>

            vm = new Vue({

                el:"#アプリ",

                データ：{

                    メッセージ: 「私はpタグのタイトル値です」

                    pId: 「これはランダムなIDです」

                }

            })

<p title="200" :title="message" :id="pId+'これは追加のIDです'">私はpタグです</p>