引入vue3依赖库三种的方式

背景： 写了一个vue3 html 样例，但是打开显示超级慢
原因： 使用cdn远程vue依赖库，因为网络和其他原因，加载不出来。
这里实践总结了，三种vue3依赖方式

方式一、 引用cdn远程vue依赖

cdn属于远程库，远程引用依赖, 以下是三个cdn库

<!-- 方式一 cdn-->
<!-- 引入 Vue 3 的 CDN 资源网络加载不了 加载慢-->
<!-- <script src="https://unpkg.com/vue@next"></script> -->

<!-- 引入 Vue 3 的 CDN 资源 公司网络加载不了  无用-->
<!--<script src="https://cdn.jsdelivr.net/npm/vue@3"></script>-->

<!-- 引入 Vue 3 的 CDN 资源 公司网络能加载  有用 推荐-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.2.12/vue.global.min.js"></script>

方式二 、使用本地vue.js依赖 - 推荐

把远程的vue.global.min.js拷贝到本地，新建js文件我这里命名为vue3.2.12global.js,然后再代码中引用

<!-- 方式二 本地-->
<!-- 引入 Vue 3 的本地js 有用 -->
<!-- 把cdn远程vue.global.min.js文件复制到本地，命名，接着真实路径引用-->
<!-- 相对路径 -->
<!-- <script src="vue3.2.12global.js"></script> -->
<!-- 绝对路径 -->
<script src="D:\html_project\vue_to_android\vue3.2.12global.js"></script>

方法三、安装vue.js到电脑全局依赖 -（可能不怎么有效）

电脑全局vue.js引入 不需要再文件引用，就可以打开了