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

Posted 南淮北安

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一文解决 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 加载完所有文档后,再加载该引入的文件

以上是关于一文解决 Vue 引入外部的 js 文件时失效问题的主要内容,如果未能解决你的问题,请参考以下文章

如何在.vue文件中引入外部js

在vue项目中 我引入外部js 但报错说在严格模式下删除局部变量,怎么解决,还有怎么能使用外部脚本

vue项目中引入外部资源js

vue-cli4引用UEditor碰到的坑

为啥vue官网的js文件没有了

vue中使用cdn优化