Vue.js：插入文本和綁定元素屬性

Vue.js 的核心是一個允許採用簡潔的模板語法來聲明式地將數據渲染進 DOM 的系統：

插入文本

HTML：

<div id="app">
  {{ message }}
</div>

JS：

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

綁定元素

HTML：

<div id="app-2">
  <span v-bind:title="message">
    鼠標懸停幾秒鐘查看此處動態綁定的提示信息！
  </span>
</div>

JS：

var app2 = new Vue({
  el: '#app-2',
  data: {
    message: '頁面加載於 ' + new Date().toLocaleString()
  }
})