那html怎么引入vue实例

在HTML中引入Vue实例，通常需要通过`<script>`标签来引入Vue.js库，并在页面中创建一个DOM元素作为挂载点，然后通过JavaScript代码创建Vue实例，并将这个实例挂载到指定的DOM元素上。以下是引入Vue实例的基本步骤：

1. 引入Vue.js库：
你可以通过CDN链接直接在HTML文件中引入Vue.js库，例如使用以下代码：

   <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>

这行代码会从jsDelivr CDN上加载Vue.js库。

2. 创建挂载点：
在HTML中添加一个元素作为Vue实例的挂载点，例如：

   <div id="app"></div>

这个`id`为`app`的`div`元素将作为Vue实例挂载的目标。

3. 创建Vue实例：
在`<script>`标签中创建Vue实例，指定`el`选项来挂载到上面创建的DOM元素上，并定义一些数据和方法，如下所示：

   <script>
   new Vue({
       el: '#app',
       data: {
           message: 'Hello Vue!'
       }
   });
   </script>

这段代码创建了一个Vue实例，并将其挂载到了ID为`app`的DOM元素上。`data`对象中的`message`属性可以在Vue实例的范围内访问，并且可以动态地显示在挂载点中。

通过以上步骤，你就可以在HTML页面中成功引入并使用Vue实例了。