Vue 声明式渲染

一、文本插值(text interpolation)

HTML

  {{ message }}

JS

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

二、动态绑定 DOM 元素属性

  
    ...
  

例如：
HTML

        

          
            {{ message }}
          
          

          v-bind:href demo
          

          Button Disabled
          Button
        

JS

var app3 = new Vue({
  el: '#app3',
  data: {
    message: '鼠标悬停几秒钟查看此处动态绑定的提示信息！',
    titlemessage: '页面加载于 ' + new Date().toLocaleString(),
    url:'http://www.baidu.com',
    isButtonDisabled1:true,
    isButtonDisabled2:false
  }
})

生成的页面如下