一文解决 Vue 引入外部的 js 文件时失效问题
文章目录一、问题引入二、问题分析与解决一、问题引入这是 user.js 的内容:new Vue({el: "#app",data: {message: "hello vue...."}});感觉没啥问题,但是就是显示不出来:二、问题分析与解决下面列下常见的错误:(1)注意路径的写法:(2)注意对于 use.js 的加载顺序应该放在 vuejs 和 axios 之后或者参考(4)引入参数defer
·
一、问题引入
这是 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 加载完所有文档后,再加载该引入的文件
更多推荐
已为社区贡献1条内容
所有评论(0)