前言：
今天兄弟们对“vue 全局对象”大体比较讲究，兄弟们都需要剖析一些“vue 全局对象”的相关资讯。那么小编同时在网上收集了一些有关“vue 全局对象””的相关资讯，希望我们能喜欢，兄弟们一起来学习一下吧！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>全局属性</title> <script src=""></script></head><body> <div class="text"> <P>{{global.title}}</P> <P>{{global.str}}</P> <P>已经{{global.print()}}</P> <P @click='emit'>点击{{current}}</P> </div> <script> function install(Vue, options) { Vue.prototype.global = { title: '设置全局变量的方式', str: '我是谁', num: 100, print() { return '执行全局方法'; } } } Vue.use(install) // 显式调用，参数为install方法名 var vm = new Vue({ el: ".text", data: { current: 'hello world' }, methods: { emit() { this.current = this.global.title } } }) </script></body></html>第一步：声明一个函数，并把构造器Vue作为第一个参数；
第二步：在原型对象上 Vue.prototype 设置自定义全局对象变量，例子中为global。
第三步：global对象中定义自己需要的属性和方法。
第四部：显式调用方法Vue.sue( ),参数为第一步声明的函数名
第五步：模板就可以 {{ global.xx }},而js代码需要this，如this.global.xx
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
