Vue的特性

1、数据驱动视图

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

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

2、组件化（单页面应用）

Vue的组件引入构建工具之后有一个单文件组件概念，如下图所示，就是这个Vue文件。在同一个Vue文件里，可以同时写 template, script 和 style，三个东西放在一个里面。同时，Vue的单文件组件和 Web Components 有一个本质不同，它是基于构建工具实现。这样的好处是有了一个构建的机会，可以对这些单文件组件做更多的分析处，在每一个语言块里可以单独使用不同的处理器，这点后面还会讲到。