vue prototype的$

之前一直很好奇,为什么vue.prototype后面要有$符号。后来我查了一下,发现了以下这篇博客
https://www.cnblogs.com/carriezhao/p/11887717.html
里面举了一个例子很直观的说明了原因。

“为什么 http 要以 $ 开头? 这很重要吗? 他会怎样?”

这里没有什么魔法。$ 是在Vue 所有实例中都可用的属性 的一个简单约定。这样做会避免与已被定义的数据、方法、计算属性产生冲突。

“你指的冲突是什么意思?”

另一个好问题!如果你写成:

1
Vue.prototype.http = axios
  那么你希望下面的代码输出什么呢?

new Vue({
    data: {
        http: '123456'
    },
    beforeCreate: function() {
        console.log(this.http)
    },
    created: function() {
        console.log(this.http)
    }
});

日志中会先出现

在这里插入图片描述

,然后出现’123456’,因此 this.http 在实例创建之后被data覆写了。我们通过 $ 为实例属性设置 作用域 避免这种事情发生。
所以说,不是必须要使用 这 个 特 定 符 号 , 只 是 需 要 与 普 通 变 量 做 个 区 分 , 而 大 家 已 经 都 习 惯 在 这 里 使 用 这个特定符号,只是需要与普通变量做个区分,而大家已经都习惯在这里使用 使,所以我们再代码中一般都会在这个地方使用这个符号。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值