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()
}
})
这样当把鼠标悬停于该文本元素处,就会提示该页面的加载时间。