vue中定义全局变量的四种方法
   
    1、通过Vue.prototype定义全局变量:Vue.prototype定义的变量会挂载到Vue实例上(this上)。例如:
    Vue.prototype.global_variable = '全局变量';
    2、通过Vue.use()定义全局变量:Vue.use()允许您拥有插件变量,插件是一个接受Vue构造函数参数作为函数参数的函数或一个包含install函数并设置Vue.js插件的对象。例如:
    3、通过Vue.mixin定义全局变量:Vue.mixin可以用来扩展Vue的原型链,使其在实例上继承并定义全局变量。例如:
    Vue.mixin({
      props: {
        global_variable: {
函数prototype
          type: String,
          default: '全局变量'
        }
      }
    })
    4、通过模块全局变量注册定义全局变量:因为Vue是基于ES Module的模块系统,所以可以在模块文件内部导出一些变量,这些变量也可以作为全局变量使用。例如:
    // main.js文件
    import { global_variable } from './store.js'

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。