Vue中的import from

本文介绍了Vue中import from的使用,可引入.js、.json、.vue等文件。引入JS和JSON文件时,路径可为相对或绝对,后缀名可写可不写,优先级按webpack.base.conf.js设置。引入Vue组件不用写大括号,引用Vue文件需在components里挂载,使用时名称大小写均可。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Vue中的import from

大家都知道,import from 是用来引入一些文件的,在vue中,可能有.js文件.json文件.vue文件
在JS和JSON文件引入的时候,往往需要写入一些

//例如数组
export const a=[]
//例如对象
export const b={}
//例如函数
export function c(){}

在其他文件中需要引入的时候,就写上,只引入一个的时候可写可不写大括号

import {a,b,c} from '你的路径'

路径可以是相对路径也可以是绝对路径,后缀名可写可不写,他会按照你在webpack.base.conf.js文件中的设置来绝对后缀名选择的优先级
比如你如果设置的是这样

module.exports = {
      resolve: {
        extensions: ['.js', '.vue', '.json'],
        alias: {
          '@': resolve('src')
        }
      }
    ...
    }

他就会按照JS文件最大优先级这样来决定优先级

引入Vue组件的话也是这样,不过不用写大括号,直接引用,例如

import StatisticsCard from './components/StatisticsCard'

后缀名可写可不写,优先级顺序也是按照上面的来走的、
引用Vue文件有个特殊的地方,就是要在components里面挂载一下他,例如

  components: {
    StatisticsCard
  },

而在使用他的时候,名称可以是StatisticsCard,也可以是Statistics-Card,大小写都行

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值