vue中import作用
html文件中,通过script src = 'xxx'标签引入js文件。而vue中,通过import xxx from xxx路径 的方式导入文件,不光可以导入js文件。“xxx”指的是为导入的文件起一个名称,不是指导入的文件的名称,相当于变量名。“xxx路径”指的是文件的相对路径.例如:在App.vue中导入index 和 content分别可以写:import...
·
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' 进行导入
更多推荐
已为社区贡献1条内容
所有评论(0)