声明式渲染

声明式渲染

由字面意思来看，就是声明程序在何处渲染什么数据，具体可以体现在Vue.js中。Vue.js的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进DOM的系统：

//html代码
<div id="app">
  {{ message }}
</div>

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

这样就生成了一个Vue应用，现在数据和 DOM 已经被绑定在一起，所有的元素都是响应式的，可以粘贴我的代码，打开你的浏览器的控制台，并修改 app.message，你将看到上例相应地更新。

除了数据的绑定，由Vue.js提供的特殊属性会在渲染过的DOM上应用特殊的响应式行为，比如v-bind可以将元素节点的属性与Vue实例的属性绑定在一起，这都是声明式渲染的体现。