Vue中import from文件夹的来源

最新推荐文章于 2024-07-10 10:41:12 发布
最新推荐文章于 2024-07-10 10:41:12 发布
阅读量2.6k 收藏 2
点赞数 2
分类专栏： 前端js知识点 文章标签： import文件夹
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shuXIanS/article/details/89017936
版权

拿 import Vue from 'vue’来说。
当导入的是一个文件夹时，遵循下面的规则。

if(package.json存在 && package.main字段存在 && package.main指定的js存在) {
    取package.main指定的js作为from的来源，即使该js可能格式或内容错误
} else if(index.js存在){
    取index.js作为from的来源
} else {
    取index.vue作为from的来源
}

所以最终导入的是:在这里插入图片描述

shuXIanS
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue中import from的来源及省略后缀与加载文件夹问题
10-15
例如，在Vue-Element-Admin项目中，有这样一个`Layout.vue` 文件，它导入了 `./components` 文件夹中的三个组件： ```javascript import { Navbar, Sidebar, AppMain } from './components' ``` 在这种情况下，Vue会...
vue3-vite最基础的vue3文件夹
03-21
import { ref } from 'vue'; const count = ref(0); function increment() { count.value++; } <button @click="increment">{{ count }} ``` 6. **Vite 配置与插件** 虽然 Vite 默认配置已经足够...
Vue中import引入模块路径时的@符号
niceyoo的博客
12-11 3415
Vue中import引入模块路径时的@符号 1、ES6 模块主要有两个功能：export 和 import export：用户对外输出本模块（一个文件可以理解为一个模块，比如 aaa.js bbb.js）变量的接口 。 import：用于在一个模块中加载另一个含有 export 接口的模块（也就是这个 js 文件一定要含有 export ）。 ...
vue => 什么意思_Vue导入模块import xxx from '@/xxx'中的@是什么含义？
weixin_39969611的博客
11-29 1613
1、ES6 模块主要有两个功能：export 和 importexport：用户对外输出本模块(一个文件可以理解为一个模块，比如 aaa.js bbb.js)变量的接口 。import：用于在一个模块中加载另一个含有 export 接口的模块(也就是这个 js 文件一定要含有 export )。而我们在使用 import 导入一个模块的时候通常这样使用：import util from '@/li...
详解vue是怎么导入文件的（以下是个做成组件的导入小例子）
最新发布
m0_73298638的博客
07-10 134
vue 导入 文件 前端
Vue 中 import from @ 是什么意思？
yh_zeng2的博客
04-13 367
Vue 中 import from @ 是什么意思？
Vue中import篇：模块、JS文件、class类文件、数组对象文件、第三方
m0_61369360的博客
04-18 924
const config=[1,2,3,4,5] //一般这种方式的数组引入的都是一个常亮，不会变了，所以const即可。alert(this.x + “的年龄是” +this.y+“岁”);//调用时候，vue中先import进去，然后名称.id即可。//执行代码，注意代码中最后一般都需要return返回值。//执行代码，注意代码中最后一般都需要return返回值。//执行代码，注意代码中最后一般都需要return返回值。//执行代码，注意代码中最后一般都需要return返回值。
Vue中 import ...与import{ }、import from ‘@路径‘ 与 import from ‘../路径‘
vv_wisher的博客
04-14 4988
Vue中 import ...与import{ }的区别、import from '@路径' 与 import from '../路径'的区别
详解VUE中常用的几种import（模块、文件）引入方式
08-27
Vue中常用的import引入方式详解 在Vue项目中，import语句是非常常用的，它可以帮助我们引入不同的模块、文件、组件、插件等，以满足项目的需求。下面是详解Vue中常用的几种import引入方式。 1. 引入第三方插件 在...
vue中英文切换实例代码
10-15
import VueI18n from 'vue-i18n' Vue.use(VueI18n) const i18n = new VueI18n({ locale: localStorage.getItem('languageSet') || 'zh', messages: { 'zh': require('./components/language/zh'), 'en': ...
Vue 中 import from @ 是什么意思？怎么配置？
Andrew_SJ的博客
07-02 5284
注意，如果是typescript中，其配置文件在tsconfig.json中。 比如： // /router/index.js import Home from '@views/home/index.vue' 配置文件中： // tsconfig.json { "compilerOptions": { "target": xxx; "baseURL": "./", "paths": { "@/*": ["./src/*"] }, 这里compilerOpti.
Vue 中 import from @符号指的是什么
小志的博客
06-11 5474
1、假设vue文件中引入如下代码 import { auth } from "@/utils/auth"; 2、@符号表示的含义 @符号表示一个特定路径名称，这个设置引入的是src/utils路径下的auth.js文件 3、lz的vue框架中，@符号可以在build/vue.config.js文件中设置，如下图： 具体在哪个文件下的vue配置文件可根据实际情况参考 ...
vue中import导入的文件类型
m0_54177068的博客
03-21 1845
vue使用import...from...来导入组件，from 后的来源可以是js、vue、json，其中js和vue可以省略文件后缀名，json不可以省略，不然会报错。 如果from后面路径是一个文件夹，文件夹中既有js又有vue文件，则导入优先级js>vuefrom的来源是文件夹，那么在package.json存在且设置正确的情况下，会默认加载package.json；若不满足，则加载index.js；若不满足，则加载index.vue。 参考：https://blog.csdn.net/fy
Vue中的import中@的作用
热门推荐
xiazeqiang2018的博客
08-01 1万+
这是webpack的路径别名，相关代码定义在配置文件webpack.base.config里： resolve: { // 自动补全的扩展名 extensions: ['.js', '.vue', '.json'], // 默认路径代理 // 例如 import Vue from 'vue'，会自动到 'vue/dist/vue.common.js'中寻找 ...
Vue项目使用import使用@设置
weixin_42202992的博客
05-08 429
Vue项目中import使用@引入.vue文件的设置方法
vue import文件时@用法详解以及使用@后支持文件快速定位
wfly blog
10-23 4471
如图所示，引入PropsDemo.vue组件的时候，可以使用下列两种方法，而没有使用./或者../这种相对路径的写法 import PropsDemo from '@/components/common/test/PropsDemo' import PropsDemo from '@testCp/PropsDemo' 具体实现方法：找到webpack.base.conf.js配置文件...
vue三种import导入方式详解？
TangMonk的博客
09-28 4136
这三种导入方式可以根据你的需求和项目结构来选择。默认导入适用于导入单一默认导出的情况，命名导入适用于导入多个具名导出的情况，而导入整个模块适用于需要多个导出的情况，并且你想将它们组织在一个对象中。导入一个模块并使用其中的导出时，通常需要先确保导出已经在模块中正确定义。这种方式用于导入一个模块的默认导出（通常是一个组件或一个对象）。这种方式用于导入一个模块中的具名导出。你可以在导入语句中使用大括号。你还可以导入整个模块，以便在需要时访问其中的多个导出。文件中的默认导出，并将其命名为。
VUE项目中main.js、App.vue、import...from...等重要文件的作用和意义
rayong的博客
05-07 2846
一、main.js 　  1、 main.js 程序入口文件，初始化vue实例，并引入使用需要的插件和各种公共组件. import Vue from ...
vue 中 import axios from 'axios'时axios爆红
06-08
在 Vue.js 中，当你尝试通过 `import axios from 'axios'` 引入 Axios 库时，如果出现红色错误（通常是指语法错误或模块加载失败），可能是由于以下几个原因： 1. **缺少安装**: 如果你首次使用 Axios，确保在项目中安装了 Axios。在命令行中运行 `npm install axios` 或者 `yarn add axios`。 2. **路径问题**: 确认你的导入路径正确。如果是使用 ES6 模块化，确保你的配置文件（如 `main.js` 或者 `src/router/index.js`）位于正确的文件夹结构中。 3. **模块打包工具**: 如果你在使用如 Webpack 或者 Vite 这样的模块打包工具，检查是否配置了正确的规则来处理 Axios。比如，Vue CLI 会自动配置 Axios，但如果手动配置，可能会有额外的配置需求。 4. **全局注册**: Axios 可能没有正确地被 Vue 的全局实例所注册。如果你在 Vue 实例中没有显式注册，你需要确保在 `created()` 或 `mounted()` 生命周期钩子中进行注册。 5. **代码错误**: 检查你的代码中是否有拼写错误或者语法错误，特别是在引入 Axios 的地方。 相关问题： 1. Axios 是什么，它在前端开发中有什么作用？ 2. 如何在 Vue 中使用 Axios 发送 HTTP 请求？ 3. Vue CLI 中如何自动配置 Axios？ 4. Vue 中如何正确全局注册 Axios 以避免此类问题？
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值