HTML 用 script 引用 vue 失败【Uncaught ReferenceError: Vue is not defined】

        使用 script 引用 vue 将 HTML 文件改成 vue 文件来用；

        方法一

        将vue文件的代码保存下来。【截至2024年4月9日】官方最新的vue2地址：https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.jshttps://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js        官方最新vue3地址：https://unpkg.com/vue@3/dist/vue.global.jshttps://unpkg.com/vue@3/dist/vue.global.js        这些地址自己上网找找也是可以找到的，当然其实你用这个也没有关系，并不一定要最新的。

        打开链接将代码保存下来【建议放到你的HTML文件同级下，就在HTML旁边就好，这样比较好找（os：你放哪里都行你找得到你开心就好）】。

        然后在HTML中输入script 引入vue 文件。

    <script src="../vue2.7.16.js"></script>
我的放在文件上一级

这样就可以了。

方法一完。

方法二

直接链入网站简单快捷，但有可能你网络不太好的话他就要点时间加载；或者是 没有网的时候，那你的HTML可就打不开了。

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

vue2   vue3   操作都是这样，不过是网址不同罢了。

补充

vue2 、vue3 的实例化的代码是不同的；具体可以去参照官方文档。

vue2

// Vue实例
var app = new Vue({
    el: '#app',
    data: {
        chats: [] 
    }
})；


vue3

// Vue实例
        const app = Vue.createApp({
            data() {
                return {
                    chats: [] 
                }
            }
        });

看你自己喜欢吧，以上只是个示例 举个例子🌰。

        因为我是在 vue2 项目里面的 public 新建的 HTML 文件，我想要在HTML文件引用vue，额我也不太清楚为什么不调用上一级的vue.js的文件，仅可以调用同级目录下的vue.js文件，如果有大佬知道还请多多指教，教教我。

        如果文章对你有帮助，记得 点赞、收藏、关注👍⭐🧧