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()

  }

})

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

原文地址:https://www.cnblogs.com/1016391912pm/p/12511830.html