创建vue实例，初始化渲染步骤

创建 Vue 实例，初始化渲染的核心步骤：

1、准备容器

2、引包 (官网) - 开发版本 / 生产版本

3、创建 Vue 实例 new Vue()

4、指定配置项 el data => 渲染数据

        ① el 指定挂载点，选择器指定在哪个盒子展示数据

        ② data 提供数据

具体代码如下：

  <!-- 1、准备容器，展示vue数据 -->
  <div id="app">
    <p>{{content}}</p>
  </div>
  <!-- 2、引包 (官网) - 开发版本 / 生产版本 -->
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <!-- 3、创建 Vue 实例 new Vue() -->
  <script>
    let app = new Vue({
      // 要展示数据的根元素（即要把数据展示在哪里）
      el: '#app',  
      // 要展示的数据
      data: {
        content: 'vue使用步骤'
      }
    })
  </script>

结果如下：

html上的内容，可根据data数据的变化而变化