一文解决 Vue 引入外部的 js 文件时失效问题

一、问题引入

这是 user.js 的内容：

new Vue({
    el: "#app",
    data: {
        message: "hello vue...."
    }
});

感觉没啥问题，但是就是显示不出来：

二、问题分析与解决

下面列下常见的错误：
（1）注意路径的写法：

（2）注意对于 use.js 的加载顺序应该放在 vuejs 和 axios 之后或者参考（4）引入参数defer 或者 async：

（3）对于引入文件来说，由于执行顺序的原因，需要将引入script 文件写在末尾：

（4）不想写在末尾可以对 引入 user.js 的script 添加参数：


参数的含义：

async 异步 非同步，即是多线程。加载页面的同时也加载外部引入的文件
defer 加载完所有文档后，再加载该引入的文件