html使用script 引入vue.js文件

发布时间 2023-06-16 08:43:49作者: Οo白麒麟оΟ

使用script引入vue.js的方法:

1、使用<script> 标签直接引入本地vue.js文件

首先使用在 Vue.js 的官网上直接下载 vue.js文件到本地

下载地址:https://vuejs.org/js/vue.min.js

然后用 <script> 标签引入本地的vue.js文件。

<script src="本地vue.js文件路径"></script>

2、使用<script> 标签引入在线vue.js文件

我们可以通过在script的src属性中写一个网址来导入在线的vue.js文件。

以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。

  • Staticfile CDN(国内) : https://cdn.staticfile.org/vue/2.2.2/vue.min.js

  • unpkg:https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。

  • cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

Staticfile CDN(国内)

<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
 

unpkg(推荐)

<script src="https://unpkg.com/vue/dist/vue.js"></script>
 

cdnjs

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js"></script>