关于vue的import的一些说明

最新推荐文章于 2024-04-18 09:14:23 发布
最新推荐文章于 2024-04-18 09:14:23 发布
阅读量4.3k 收藏 2
点赞数 1
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nbnxaa/article/details/88656623
版权

在做项目过程中，对vue有一些疑问，即vue的import是对另一个vue的复制还是引用，这个问题关系到两个页面引入同一个vue是否会相互影响，因此个人做了个简单的测试

如在a.vue中的写入getShipList，并在页面激活时调用该方法
在这里插入图片描述
在b.vue中写入getShipList，并在页面激活时调用该方法

在这里插入图片描述
上述两个vue均import test.vue
test.vue相关方法的测试部分如下：
在这里插入图片描述
个人测试思路是首先访问a.vue，由于a.vue传入‘1’，则id会被设置为1，而b.vue将不对id产生任何影响。那么如何进行判断呢？很简单，对b.vue弹出框内容进行观察，如果弹出值是1，则说明import是引用，如果是空值，则说明import是复制

最后按上述思路测试之后：
在这里插入图片描述

于是判断import为复制而不是引用
kanaliya
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue3脚手架的详细使用说明
06-21
import { ref, computed } from 'vue' export default { setup() { const count = ref(0) const doubleCount = computed(() => count.value * 2) function increment() { count.value++ } return { count,...
vue组件使用说明
10-29
在本说明中，我们将深入探讨Vue组件的使用。 1. **组件定义** - Vue组件通过`Vue.component()`全局注册，或在局部实例中使用`components`选项进行注册。 - 组件定义通常包括模板、数据、方法和其他选项，如生命...
vue创建项目（有/无校验）
Che_yibuhe_yibu的博客
11-17 950
vue创建项目（有/无校验）
vue中判断应该import 哪个js或css
做一个有知识的流氓
12-18 1182
如果window.myFlag为false，则动态导入jsFile2.js并执行其默认导出的init方法。因此，在确保安装了相应的loader并配置正确的情况下，你就可以在main.js中动态导入SCSS文件，并根据window对象的属性来决定导入哪个文件。在main.js中，确保在创建Vue实例之前已经完成了SCSS文件的导入。请确保jsFile1.js和jsFile2.js中的默认导出对象具有init方法，并根据需要进行相应的处理。在需要导入SCSS文件的组件中，使用动态导入的方式来导入SCSS文件。
Vue中import篇：模块、JS文件、class类文件、数组对象文件、第三方
最新发布
m0_61369360的博客
04-18 814
const config=[1,2,3,4,5] //一般这种方式的数组引入的都是一个常亮，不会变了，所以const即可。alert(this.x + “的年龄是” +this.y+“岁”);//调用时候，vue中先import进去，然后名称.id即可。//执行代码，注意代码中最后一般都需要return返回值。//执行代码，注意代码中最后一般都需要return返回值。//执行代码，注意代码中最后一般都需要return返回值。//执行代码，注意代码中最后一般都需要return返回值。
按照条件 加载引入的 import 模块
qq_42489210的博客
09-08 1852
干货开始了！好不容易搞出来，记录一下； 方案一：将 import 改成异步加载，这个方案不太好，看你需求吧。 let TIM; if (true) { import("tim-js-sdk").then((something) => { TIM = something; console.log(TIM.TYPES.GRP_MEETING); // 这里打印没问题 }); console.log(TIM.TYPES.GRP_MEETING); // 这里打印 -
Vue条件判断与列表渲染
qq_46149597的博客
11-03 1553
Vue条件判断与列表渲染
vue条件判断
m0_73894967的博客
05-15 319
条件 为false --- 销毁 --- 默认开始 - false 不创建不销毁。v-show:无论表达式值是true或者false,都会进行编译缓存渲染。v-if:局部编译,切换时会重建或销毁组件内部的事件监听和子组件。v-show:编译之后基于css进行显示隐藏,dom始终存在。v-show:控制css中display属性进行显示隐藏。v-if:惰性的,只有表达式为true,进行编译缓存渲染。条件 为true --- 创建。v-show:切换条件较多。3.v-if与v-show的区别。
vue-cli脚手架的.babelrc文件用法说明
10-14
import { Button, Select } from 'element-ui' Vue.component(Button.name, Button) Vue.component(Select.name, Select) ``` 通过这种方式，只有使用到的 Element UI 组件才会被引入，显著减少了项目的体积，...
Vue export import 导入导出的多种方式与区别介绍
01-19
在使用vue导出时会有一个default关键字，下面举例说明下在导出时使用export和export default的对应的imort写法的区别 一、部分导出和部分导入 部分导出和部分导入的优势，当资源比较大时建使用部分导出，这样一来...
Vue时间轴 vue-light-timeline的用法说明
01-18
轻量的vue时间轴组件 install ...import LightTimeline from ‘vue-light-timeline’; Vue.use(LightTimeline); <light items='items'></light> export default { data () { return { items:
对于在vue中为什么可以通过import导入一个组件理解
qq_39804990的博客
07-26 866
对于在vue中为什么可以通过import导入一个组件理解
vue基础---条件渲染
weixin_30672019的博客
03-22 433
（1）v-if条件渲染 v-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 可以用v-else添加一个“else 块”： ①表达式 <div id="area1"> <p v-if="1>2">{{message1}}</p> ...
vue三种import导入方式详解？
TangMonk的博客
09-28 4057
这三种导入方式可以根据你的需求和项目结构来选择。默认导入适用于导入单一默认导出的情况，命名导入适用于导入多个具名导出的情况，而导入整个模块适用于需要多个导出的情况，并且你想将它们组织在一个对象中。导入一个模块并使用其中的导出时，通常需要先确保导出已经在模块中正确定义。这种方式用于导入一个模块的默认导出（通常是一个组件或一个对象）。这种方式用于导入一个模块中的具名导出。你可以在导入语句中使用大括号。你还可以导入整个模块，以便在需要时访问其中的多个导出。文件中的默认导出，并将其命名为。
引入外部文件什么时候用花括号什么时候不用
Hiroshi's
02-10 658
比如validate.js // validate.js // 过滤特殊字符 export function stripscript(s) { var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）&;—|{}【】 ‘；：”“'。，、？]") var rs = ""; for (var i = 0; i < s.length; i++) { rs = rs + s
import在vue中使用
热门推荐
宁静致远
06-28 1万+
vue中使用Import导入的方法
vue--关于import的原理
wlijun_0808的博客
07-01 1482
import，require
vue中常用组件全局引入，用的时候不用每个页面都import
sss286083575的博客
10-10 4301
mian.js中 import global from './components/global.js' global.js import Vue from 'vue'; function changeStr(str) { return str.charAt(0).toUpperCase() + str.slice(1); } //require.context('.', false, /...
在if判断中使用es6的 import 引入文件无效的解决方案
cczz66的博客
01-17 1373
同一个页面需要通过判断来引入不同的文件时，发现 import 写在 if 中这种写法会导致加载不到文件，产生报错； const system = localStorage.getItem("system"); if (system === "cmd") { import { WorkOrdersModule } from "@/store/modules/cmdWorkOrders"; } else { import { WorkOrdersModule } from "@/store/modu
vue volar 使用说明
09-07
一个主要的特点是，Vue Volar 允许你在不使用`import`语句的情况下直接使用组件。这意味着你可以轻松访问其他Vue文件中的组件，而无需手动导入。 另外，Vue Volar 还支持自动推断类型，提供更好的代码编辑体验。它...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值