首先要给出一个标识符，放在 双大括号 中，充当元素的文本内容。
然后使用构造函数 Vue() 来创建相应的视图模型（所有视图模型都是 Vue() 的实例）。
渲染后，视图中的 {{ message }} 就会被替换成属性 message 的值 'Hello, world!'
此后，通过实例 app 就可以读写视图上的数据。 实际上，Vue() 实例会代理 data 选项的属性，因此可以把 data 的属性当作 Vue() 实例的属性来读写。例如，在JS 控制台中，执行下面命令，就可以修改数据 message 的值。 注意到修改完 app.message 后，页面上的文字也跟着改变，印证了视图模型和视图之间的绑定关系：一个发生变化，另一个会跟着改变。
此外，传递给构造函数 Vue() 的选项也会成为实例 app 的属性，但加了美元符号 $ 前缀，这是为了和 data 选项的属性区分开，比如，访问 app.$el 就可以得到实例所对应的 DOM 元素。
如果绑定的是 HTML，而非文本，给元素添加 v-html 属性，值就是数据的名称。
上例中 link 属性的值会被渲染成一个可以点击的 a 元素，成为 span 元素的 HTML 内容。
将某一属性的值与某一数据绑定，给属性添加 v-bind: 前缀，再让属性的值等于数据的名称。
上例将 a 标签的 href 属性的值与名为 url 的数据绑定。渲染后，a 标签的 href 属性就会等于属性 url 的值。
可以向 Vue() 函数传递 methods 选项，该选项用于存放函数类型的数据。这些方法在调用时，伪变量 this 指向所在的 Vue 实例。
这些函数可以直接在视图中调用，结果就是函数的返回值。 除了作为普通函数调用外，还可以作为事件的处理函数。绑定事件的方式是添加属性 v-on:xxx，其中 xxx 就是事件名称。
上例为 button 标签绑定了一个点击事件，指定事件处理函数的函数名为 handleClick。这时就需要在 methods 选项中添加 handleClick() 方法。 之后，只要触发 button 标签的点击事件，methods 选项中的 handleClick() 方法就会被调用。
如果只写函数名，而函数的定义又带有形参，则默认会向第一个参数传入事件对象。