vue.js 声明式渲染

Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统：

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

 

var vm = new Vue({

　　el:'#pm',  //在哪里(where)

　　data:{     //做什么(what)

　　　　message:'我变成这句话了'

　　}

})  //而不需要关心如何实现(how)

 现在数据和DOM已经被建立了关联，所有东西都是响应式的，只需要在js控制台修改pm.message的值，就会自动更新了。

 

还可以绑定元素的attribute

<div id='pm' v-bind:title='message'>将鼠标停于此处</div>

 

var pm = new Vue({

　　el:'#pm',

　　data:{

　　　　message:'页面加载于'+new Date().toLocaleString()

　　}

})

这样当把鼠标悬停于该文本元素处，就会提示该页面的加载时间。