首页如何引入vue.js文件

如何引入vue.js文件

时间: 2024-09-27 20:01:32 浏览: 45

在HTML中引入Vue.js文件通常有两种常见的方法： 1. **通过CDN** (内容分发网络) 引入：将下面的代码添加到`<head>`标签内的`<script>`标签中，这会从一个公共CDN加载Vue.js库： ```html <script src="https://cdn.jsdelivr.net/npm/vue@latest/dist/vue.min.js"></script> ``` 如果需要特定版本，替换`latest`为相应的版本号。 2. **通过本地引用**：首先，在项目目录下创建一个名为`vue.js`或`vue.min.js`的文件，然后将其链接至HTML： ```html <script src="/path/to/your/vue-file/vue.js"></script> ``` 或者如果它在`src`文件夹内： ```html <script src="src/vue.js"></script> ``` 3. **使用模块化加载（如ES6 import）**：如果项目支持现代浏览器并使用Webpack等构建工具，你可以导入单个模块： ```html <script type="module"> import Vue from 'vue'; // ... 使用Vue实例 </script> ``` 或者按需引入某个组件： ```html <script type="module"> import MyComponent from './components/MyComponent.vue'; // ... 使用MyComponent </script> ```

阅读全文