为什么import store from ‘./store‘和 ‘./store/index‘一样

最新推荐文章于 2024-06-01 15:46:07 发布
最新推荐文章于 2024-06-01 15:46:07 发布
阅读量432 收藏
点赞数
分类专栏： Vue 文章标签： vue.js 前端 javascript 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64880608/article/details/133190153
版权

import store from './store'：

这种方式假定在当前文件所在目录下有一个名为store的文件（可以是JavaScript或TypeScript文件，取决于你的项目配置）。当你只导入目录路径时，默认会查找该目录下的index.js或index.ts文件作为入口

比如这样的结构

- src
  - store
    - index.js
    - ...
- ...

那么import store from './store'将会导入store目录下的index.js文件导出的内容。

import store from './store/index'：

这种方式直接指定了要导入的文件路径为./store/index，会导入store目录下的index.js文件的内容。

这两种方式会导入相同的内容，因为在一个目录中，通常只会有一个index.js文件作为入口，所以即使你不写index它也会默认去找到index入口文件

即兴小索奇
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
jiaminghi/data-view dataV for vite vue2 补丁 for npm/yarn
04-13
官网直接安装的不支持vite2/3+vue2的 主要修复： 1.build或者dev项目时不报错，兼容vite2/vite3，vue2； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已，不过修改原理都是一样的，大家可以自行下载研究，支持windows，macos跟linux。 下面说下安装步骤： 1.在项目更目录中安装，执行npm install @jiaminghi/data-view即可； 2.将other_modules压缩包解压并覆盖到项目的node_modules文件夹下即可 调用方法，请参考官网文档http://datav.jiaminghi.com/ npm下也可以通过patch-package库包自行定制补丁，下载npm install时就不用手动复制了，大家可以自己研究下的。
store.manager:帮助您管理vuex商店！
04-29
店经理 当rules匹配[removed].href或返回true ，它可以帮助您安装vuex module ;如果rules不匹配，则卸载vuex或返回'false'。 例子 克隆此存储库。 cd store.manager/examples/withVueRouter npm run dev 用法 npm install store.manager --save import storeManager from 'store.manager' import store from './store' // The instance of vuex store const rules = [ { rule : / pageA / , // a Regexp or Function // rule: function (.
react-store:React Store和相关的挂钩，用于共享状态管理
03-26
React存储和相关的钩子，用于不受限制的共享状态管理 在下面的代码示例中， Store类的实例代表跨多个组件共享的数据的存储。 <StoreProvider>指定可用于所有嵌套组件的商店： // index.js import ReactDOM from 'react-dom' ; import { Store , StoreProvider } from '@axtk/react-store' ; import App from './App' ; ReactDOM . render ( < StoreProvider xss=removed> < App> < / StoreProvider > , document . querySelector ( '#app' ) )
解决$store.getters调用不执行的问题
12-13
api：https://vuex.vuejs.org/zh/guide/getters.html 场景： 在登录时将登录得到的用户信息存储在vuex的state和sessionStorage中。使用时在state中获取，当因为刷新等原因导致state中没有数据时，去sissionStorage中获取。 错误： 登录后，需要获取用户信息时，getters中属性的方法不会执行。只是去getters中获取缓存 解决方法： 将getters中的属性改写成方法，这样每次调用的时候就会执行，去从新获取数据。 getloginInfor: (state) => () => {} 代码： import V
VUE加入store后显示页面空白
abccbatqw的博客
11-20 106
之前再router中注册了HelloWorld.vue的路径，编译运行后页面空白什么都没有。
vue 在js 文件中使用store_Vue 在其他js文件中引入store的疑惑
weixin_35728049的博客
02-11 3758
vuex的核心就是store。vuex又被称为状态管理，store里面储存的着你的应用中大部分的状态(state)。Vuex中store里面存储的状态state 和单纯的全局对象有以下两点不同：(1)Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。(2)你不能直接改变 store 中的状态。改...
在vuex中，报错This relative module was not found: * ./store in ./src/main.js&&Module not found: Error办法
men_ma的博客
08-29 8736
转载请标明出处：https://blog.csdn.net/men_ma/article/details/106847165. 本文出自 不怕报错 就怕不报错的小猿猿 的博客 在vuex中，报错This relative module was not found: * ./store in ./src/main.js&&Module not found: Error办法前言遇到的bug此bug的原因所在解决方法 前言 在报这个错误时，博主感到莫名其妙，心想为什么代码和别人的一.
Module build failed (from ./node_modules/css-loader/index.js)
顽石⚡
06-10 2万+
qqface.scss @for $i from 1 through 3 { .item-#{$i} { width: (20px * $i); } } 报错 ./src/renderer/styles/qqface.scss (./node_modules/css-loader!./src/renderer/styles/qqface.scss) Module build fa...
This relative module was not found: * ./router in ./src/main.js
热门推荐
小志的博客
10-09 2万+
首先理解import router from './router’这个是什么意思？ 在main.js中引入router文件夹中的index.js文件，等效于import router from './router/index.js’ 1、启动vue项目报错如下图： 2、发现原因是mianjs引入router文件夹下的index.js没有找到引入文件，如下图： 3、解决方式： 把routes文件...
Vue开发实例（14）之Vue状态管理store
编程界明世隐的博客
05-10 1万+
Vue开发实例（14）之Vue状态管理store
使用go和python递归删除.ds store文件的方法
12-25
def walk(path):　print “cd directory:”+path　for item in os.listdir(path):　try:　if(item == “.DS_Store”):　global count　count = count+1　print ” find file .Ds_Store”　os.remove(path+”/”+item...
Vuex引入方法以及引入中出现的问题解决
Allurewuhui的博客
01-19 2068
小坑： Vuex的引入和注册不应该在main.js入口文件，而应该在vuex对应的配置文件 index.js中引入 Vuex配置方法 npm i vuex 下载 vuex包 与components文件夹平级，创建一个 store 文件夹，里面新建子文件 index.js import引入vuex Vue.use (vuex) 使用 Vuex 在index.js文件中配置vuex需要使用的属性，actions，mutations，state new一个Vuex的实例化对象 导出这个实例化对象
import staorage from ‘store‘报错Unable to resolve path to module ‘store‘.
qq_43526026的博客
05-18 145
安装指令是没有问题的，=网络问题，在npm指令中指定下载库后，安装store就成成功了。store实现本地存储。没有安装store插件。
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
JIngJaneIL的博客
05-28 1198
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
山花的博客
05-30 516
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
vue3 vue-draggable-next 实现拖拽穿梭框效果
最新发布
游九尘的博客
06-01 292
【代码】vue3 vue-draggable-next 实现拖拽穿梭框效果。
elemnt ui 时间选择器。 当前日期往前推6个月以前的的不可选择
IT13333的博客
05-28 334
【代码】elemnt ui 时间选择器。当前日期往前推6个月以前的的不可选择。
【Vue】v-if / v-show条件渲染指令
qq_39921135的博客
05-29 469
条件判断指令，用来辅助开发者按需控制 DOM 的显示与隐藏。表达式值为 true 显示， false 隐藏。作用： 控制元素显示隐藏（简单的显示隐藏）场景：频繁切换显示隐藏的场景。
vue iframe src规则
Ann_52547的博客
05-30 266
需要注意的是，为了安全起见，应尽量避免使用 JavaScript URL，尤其是在加载外部内容时，以防止恶意脚本的注入和执行。1、相对路径：相对于当前页面的路径。
下面这段代码怎么引入elementUI组件 import { createApp } from 'vue' import App from './App.vue' import './registerServiceWorker' import router from './router' import store from './store' createApp(App).use(store).use(router).mount('#app');
07-14
要引入 Element UI 组件，你需要先安装 Element UI 并导入所需的组件。以下是引入 Element UI 组件的步骤： 1. 在终端中，进入你的项目目录，并执行以下命令来安装 Element UI： ``` npm install element-plus ``` 2. 打开 `main.js` 文件，添加以下代码来导入 Element UI 的样式和组件： ```javascript import { createApp } from 'vue' import App from './App.vue' import './registerServiceWorker' import router from './router' import store from './store' // 引入 Element UI 样式 import 'element-plus/dist/index.css' // 引入 Element UI 组件 import { ElButton, ElInput, // ... } from 'element-plus' const app = createApp(App) // 使用 Element UI 组件 app.use(ElButton) app.use(ElInput) // ... app.use(store).use(router).mount('#app') ``` 现在，你就可以使用 Element UI 的组件了。请根据你的需求，选择导入需要的组件并在 `app.use()` 中使用它们。 希望这个回答对你有所帮助！如果你还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

即兴小索奇

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值