大家好,又见面了,我是你们的朋友全栈君。
html文件中,通过script src = 'xxx'
标签引入js文件。
而vue中,通过import xxx from xxx
路径 的方式导入文件,不光可以导入js文件。
“xxx”指的是为导入的文件起一个名称,不是指导入的文件的名称,相当于变量名。
“xxx路径”指的是文件的相对路径.
例如:
在App.vue中导入index 和 content
分别可以写:
import index from '@/components/index'
import content from './components/content'
文件的后缀名可以省略 xxx.vue—> 可以简写xxx
以父子目录的方式定义相对路径
. /
指当前目录
. ./
指当前目录的上一层目录
***@方式 以根目录的方式定义相对路径
注: 当在同一个包下,按照在Html页面导入js来说 是可以直接写 但在vue中需添加 ./
例如:假设index.js和index.html都在comonpents包下,
index.html中导入js , 可以写 src = “index.js” 进行关联
如果再index.vue中导入content时
import content from 'content' 是错误的
必须添加 import content from './content' 进行导入
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/147176.html原文链接:https://javaforall.cn