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

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

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

(1)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Mysql登录时报错 ERROR 1045 (28000): 错误解决办法

    Mysql登录时报错 ERROR 1045 (28000): 错误解决办法本文转载自:http://www.cnblogs.com/zlslch/p/5937784.html错误问题的描述: ERROR1045(28000):Accessdeniedforuser’ODBC’@’localhost'(usingpassword:NO)ERROR1045(28000):Accessdeniedforuser’ODBC’

    2022年6月4日
    29
  • Calendar类_java calendar

    Calendar类_java calendarCalendar类简介Calendar是javautil包下的一个工具类,提供了很方便的不同日期格式的处理。啥也不说了,直接撸代码:publicstaticvoidmain(String[]args){System.out.println(“————Calendar无参构造————“);//Cal…

    2022年9月24日
    2
  • Docker(五)[通俗易懂]

    Docker(五)[通俗易懂]DockerDocker网络–link自定义网络网络连通Docker网络Docker是如何进行网络通讯的?查看本机的网卡和ip地址docker0类似与路由器ip地址一样(x.x.x.1)Dockerdocker run -d -P –name=tomcat03 tomcat:8.0查看容器ip地址docker exec -it a72d4ae634da ip addr1: lo: <LOOPBACK,UP,LOWER_UP> mtu 65536 qdisc noque

    2022年8月11日
    9
  • 【python | linux12】模块制作及嵌套的包「建议收藏」

    【python | linux12】模块制作及嵌套的包「建议收藏」在Python中,每个Python文件都可以作为一个模块,模块的名字就是文件的名字。比如有这样一个文件test.py,在test.py中定义了函数add。

    2022年9月20日
    3
  • 让Firefox支持ActiveX控件「建议收藏」

    让Firefox支持ActiveX控件「建议收藏」让Firefox支持ActiveX控件  疑难集锦字号  我现在用Firefox作为主力浏览器,Firefox下能否支持ActiveX插件?所为对某些包含ActiveX控件的网站并不兼容,不知道怎么做能让Firefox支持ActiveX呢?      答:两种方案:一种是使用IETab这个插件,在Firefox下直接调用IE浏览器内核进行浏览;      另一种是使

    2022年5月14日
    332
  • pycharm怎样添加解释器_pycharm2017解释器

    pycharm怎样添加解释器_pycharm2017解释器如何配置pycharm里面的python解释器?

    2022年8月28日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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