数据驱动

Vue.js的核心思想是数据驱动。
视图是由数据驱动生成的，我们对视图的修改，不会直接操作DOM，而是通过修改数据。

好处

• 简化代码量
• 利于维护

简洁的模板语法来声明式的将数据渲染为DOM：

<div id="app">{{ message }}</div>;

var app = new Vue({
  el: "#app",
  data: {
    message: "Hello Vue!",
  },
});