javascript - Vue插件定义的全局属性，为什么在vue的实例中看不到？

问题描述

问 题

var Toast = {};

Toast.install = function (Vue, options) {
    Vue.prototype.$msg = 'Hello World';
}

export default Toast;

为什么在vue的实例中看不到$msg的存在呢？

解决方案

Vue.prototype.$msg是将$msg挂在Vue的原型上，在组件中通过this.$msg能够拿到。有人在用axiso的时候，会习惯性的Vue.prototype.$http =axiso，用法是一样的，每一个Vue的实例都能拿到，在实例中通过__proto__）（原型链）是能够查找到的。

这篇关于javascript - Vue插件定义的全局属性，为什么在vue的实例中看不到？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！