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

 <div id="app">

    <p v-bind:title="message" v-bind:id="pId">I am p tag</p>

 </div>

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

          <script>

            let vm = new Vue({

                el:"#app",

                data:{

                    message:"I am the title value of the p tag",

                    pId:"This is the random id given"

                }

            })

<div id="app">

    <p :title="message" :id="pId">I am p tag</p>

 </div>

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

          <script>

            let vm = new Vue({

                el:"#app",

                data:{

                    message:"I am the title value of the p tag",

                    pId:"This is the random id given"

                }

            })

<p title="200" :title="message" :id="pId+'This is the additional id'">I am the p tag</p>