vue中import作用「建议收藏」

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路径”指的是文件的相对路径.

例如:

vue中import作用「建议收藏」

在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'    进行导入  

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/147176.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(6)
blank

相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号