今天是第八天，我想分享一下v-bind這個指令
v-bind指令的功用為將網頁標籤裡面的屬性輸出至執行之後的瀏覽器(網頁)模板，
就如同我們之前使用Mustache語法{{}}，將 data 資料輸出到其中一樣。
所以我們今天用v-bind這個指令來進行簡單的屬性綁定練習。

開始寫程式吧。

這裡是HTML的部分，我這邊綁定了title這個屬性。

<div id="app">
    <div v-bind:title="message">
        午餐吃啥??
    </div>                  
</div>

這裡是JS的部分

<script>
    const vueapp = {
    data(){
        return{
            message:'......我不知道' 
            }
        }
    }
    Vue.createApp(vueapp).mount('#app')
</script>

然後我將滑鼠游標移動到"午餐吃啥??"游標旁邊就會顯示"......我不知道"。

v-bind也可以縮寫成 “:” ， e.g. v-bind:title = :title

想更深入可以參考以下文章
參考文章一
參考文章二

v-bind屬性綁定分享到這邊，我們第九天見。