Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统:
<div id="pm"> {{message}} </div>
var pm = new Vue({
el:‘#pm‘,
data:{
message:‘我变成这句话了‘
}
})
现在数据和DOM已经被建立了关联,所有东西都是响应式的,只需要在js控制台修改pm.message的值,就会自动更新了。
还可以绑定元素的attribute
<div id=‘pm‘ v-bind:title=‘message‘>将鼠标停于此处</div>
var pm = new Vue({
el:‘#pm‘,
data:{
message:‘页面加载于‘+new Date().toLocaleString()
}
})
这样当把鼠标悬停于该文本元素处,就会提示该页面的加载时间。
原文:https://www.cnblogs.com/1016391912pm/p/12511830.html