怎么在html中引入vue

在HTML中引入Vue.js，你需要通过script标签将Vue库链接到你的HTML文件中。以下是简单的步骤：

1. **下载或CDN链接**：你可以从Vue.js的官方网站（https://vuejs.org/）下载最新版本的Vue.min.js文件，或者直接通过CDN引用。例如，使用CDN的方式，添加如下的`<script>`标签：

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

2. **选择加载方式**：有两种常见的加载方式：
- **异步加载**：使用`async`属性，可以在页面加载完后再加载Vue，避免阻塞渲染：

     <script async src="path/to/vue.js"></script>

- **立即执行函数表达式 (IIFE)**：如果你想在文档完成加载之前就初始化Vue，可以将其包裹在一个匿名函数里：

     <script>
       window.onload = function() {
         // Vue的配置和实例化代码放在这里
       }
     </script>

3. **注册和创建实例**：在文档适当的位置，你可以注册Vue，并创建一个新的Vue实例。比如，在全局注册并初始化：

   new Vue({
     el: '#app',  // 指定元素作为Vue应用的挂载点
     data: {}     // 定义数据对象
   });