关于vue的import的一些说明

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

如在a.vue中的写入getShipList,并在页面激活时调用该方法
关于vue的import的一些说明_第1张图片
在b.vue中写入getShipList,并在页面激活时调用该方法

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

最后按上述思路测试之后:
关于vue的import的一些说明_第3张图片

于是判断import为复制而不是引用

你可能感兴趣的:(vue)