Vue.prototype.$itf=its 这是什么意思？使用一个函数里面的变量怎么引入

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

一般在main.js里面我们会见到这样的代码。

import its from '@/assets/common/interface'  代表的是引入这个路径（@/assets/common/interface）下面的interface.js 的文件，因为设置了配置.js直接省略了。用its 作为别名。

Vue.prototype.$itf=its  代表在其他所有的vue页面中都可以使用this.$itf 来代指这个文件its。如果你想访问its所指代的也就是interface.js 里面定义的某个值，就可以直接this.$itf.值的名字   就可以啦。

 

main里定义其他页面都可以通过this使用

肖肖肖丽珠
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue经典面试题: Vue.use和Vue.prototype.$xx有血缘关系吗?
james324的博客
04-24 232
Vue经典面试题: Vue.use和Vue.prototype.$xx有血缘关系吗? 有关系吗? 没关系, 面试的时候总会问如何在Vue的实例上挂载一个方法/属性, 也就是Vue.prototype的小技巧, 但是突然有人问他俩有啥关系还真是新 我想应该是网上有文章写Vue.prototype.$xx是用法的, 但是没有说明Vue.use的用法以及Vue.prototype.$xx为什么就能在组件内this.$xx这么调用, 所以下面我就细细的说下. 说能学会啥? 看完本文, 能掌握如何定义.
面试官-Vue.js 中的 $emit 和 $on 方法有什么区别？.pdf
08-05
它们可以让我们在一个组件中触发一个自定义事件，并在另一个组件中监听这个事件，从而实现组件间的数据传递和交互。 $emit 方法 $emit 方法是 Vue.js 中用于触发自定义事件的方法。它可以让我们在一个组件中触发一...
Vue.prototype
maxj4719的专栏
04-04 268
在原型上定义它们使其在每个 Vue 的实例中可用。简单说就是定义一个全局变量，在整个实例中都能用。用this.$appName 引用。
Vue.prototype则是一种注册全局变量的方式，使得定义的属性和方法可以在所有Vue实例中共享和访问。
最新发布
weixin_54339833的博客
04-19 344
它用于向所有Vue实例添加共享的方法和属性。通过在Vue.prototype上定义方法，可以确保这些方法在所有Vue实例中都是可用的。这种设计主要是为了防止全局变量的污染，并提供了一种更规范的方式来访问全局方法和属性。
关于$符号总结一下
CoCoManYYn的博客
05-23 2万+
vue的实例属性和方法 除了数据属性，Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀 $，以便与用户定义的属性区分开来。例如：   var data = { a: 1 } var vm = new Vue({ el: '#example', data: data }) vm.$data === data // => true vm.$el === doc...
vue prototype的$
u011341849的博客
09-29 963
之前一直很好奇，为什么vue.prototype后面要有$符号。后来我查了一下，发现了以下这篇博客 https://www.cnblogs.com/carriezhao/p/11887717.html 里面举了一个例子很直观的说明了原因。 “为什么 http 要以 $ 开头？ 这很重要吗？ 他会怎样？” 这里没有什么魔法。$ 是在Vue 所有实例中都可用的属性 的一个简单约定。这样做会避免与已被定义的数据、方法、计算属性产生冲突。 “你指的冲突是什么意思？” 另一个好问题！如果你写成： 1 Vue.prot
Vue.prototype详解
如果相遇，那么你好哦~
10-10 2498
在 Vue.js 中，经常会看到 this.$XXX 这种写法，那么这个是什么呢？其实这里就是使用 Vue.prototype 所定义的一个挂载到本身的全局方法，主要是为了防止全局变量的污染，所以我们来共同商议的一种写法。Vue.prototype 可以用来添加一些全局的属性或方法，使其在每个 Vue 实例中都可用。Vue.prototype 可以添加任何类型的属性或方法，比如：常量、对象、方法等。它是就是解决 替换全局使用的一个标识。
在Vue中使用this.$store或者是$route一直报错的解决
10-16
今天小编就为大家分享一篇在Vue中使用this.$store或者是$route一直报错的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue中的this.$options.data()和this.$data用法说明
10-15
在这个例子中，`this.$options.data`会返回一个函数，这个函数被调用后会返回一个包含`message`属性的对象。而在实际的Vue实例中，数据会被映射到`this.$data`，因此`this.$data.message`就是我们在组件中可以直接...
解决vue.js this.$router.push无效的问题
12-09
Vue Router是一个强大的路由管理库，它与Vue实例紧密集成，通过`this.$router`对象提供导航功能。`this.$router.push(path)`方法用于向URL栈中添加新的记录，并导航到指定的路径。如果路径已存在于历史记录中，它会...
vue interceptor 使用教程实例详解
12-11
通过以上步骤，我们就创建了一个Vue Interceptor，实现了对axios的二次封装，能够自动处理请求的取消和响应的错误处理。这样，我们可以在Vue组件中直接调用`this.$post()`来发送POST请求，同时享受拦截器带来的便利...
Vue中 Vue.prototype 详解及使用
热门推荐
明天也要努力的博客
07-09 5万+
我们可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，可以通过在原型上定义它们使其在每个 Vue 的实例中可用。 1. 基本示例 在main.js中添加一个变量到 Vue.prototype Vue.prototype.$appName = 'My App' 这样 $appName 就在所有的 Vue 实例中可用了，甚至在实例被创建之前就可以 new Vue({ beforeCreate: function () { console.log(this.$appName)
Vue.prototype 详解及使用
sslcsq的博客
04-23 7406
Vue.prototype 详解及使用
Vue中 Vue.prototype 详解及使用——作用：避免和已被定义的数据、方法、计算属性产生冲突
weixin_44867717的博客
07-03 8333
vue知识
Vue.prototype的基本用法
qq_42526440的博客
01-22 547
基础事例： 在vue项目main.js文件中： Vue.prototype.$appName = 'My App' 这样你可以通过在原型上定义它们使其在每个 Vue 的实例中可用。 new Vue({ beforeCreate: function () { console.log(this.$appName) } }) 控制台会打印出 My App。就这么简单！ “为什么 appName 要以 $ 开头？这很重要吗？它会怎样？” $ 是在 Vue 所有实例中都可用的属性的一个简单约定。这
vue在页面使用Vue.prototype全局变量
肥晨开发的学习之路
03-22 2026
在 Vue 的模板中，你可以直接访问在 Vue 实例或组件的 data、computed 或 methods 中定义的属性或方法。虽然这不是一个推荐的做法，因为方法调用在模板中可能会导致不必要的性能开销，但你可以通过定义一个方法来返回 globalTcType 的值，并在模板中调用这个方法。避免命名冲突：通常，全局变量和方法的名字以 $ 开头，这是 Vue 的一个约定，以避免与组件的 data、props、computed 等属性产生冲突。你可以在模板中直接使用它，或者通过组件的方法间接使用它。
Vue.use()和vue.prototype.$xxx
TanMengyi的博客
04-08 432
vue.use() 官方说明：”用于安装 Vue.js 插件。如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作为参数传入。当 install 方法被同一个插件多次调用，插件将只会被安装一次。“ 总结： 插件对象必须要有install 初始化插件对象需要通过vue.use() vue.prototy...
这段代码什么意思Vue.prototype.$http = axios Vue.config.productionTip = false
05-29
这段代码的作用是在Vue.js应用程序中全局注册axios库，并将Vue.js的生产提示关闭，以避免在生产模式下出现不必要的消息。 具体来说，`Vue.prototype.$http = axios` 将axios库注册为Vue.js应用程序的全局方法，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值