Vue.js 2.0 基础：第二部分 创建一个 Vue 实例

Vue采用数据驱动的方式展示界面内容，在model（模型层）的数据发生变化时会自动更新显示内容以适应新的状态需求。那它是如何实现这一功能的呢？我们需要编写什么样的代码来达到这种效果呢？

答案是：Vue实例。

先确保你的项目安装好Vue.js

安装好之后，我们来看看怎么创建和使用Vue实例，我们把它分成 4 步走。

第1步 创建语法

创建一个Vue实例的语法很简单，如下：

  <script>

    
       let vm = new Vue({});
    
    </script>

借助关键语句 $new Vue()``的方式，我们可以轻松地创建一个新的Vue实例vm。在使用过程中我们会注意到当我们调用new Vue()`时默认传递了一个空对象作为配置项

第2步 设置数据

我们通过上面的对象参数来创建这个Vue实例wm，并且在配置中设置其数据内容。

   let vm = new Vue({

    
      //实例vm的数据
    
    data:{
    
           name: "张三",
    
           age :  21
    
      }
    
   })

写法上也十分简便。参数对象不再是空的