VUE之组件全局方法

全局方法其实是js自身就可以实现的方法,具体实现其实很简单, 比如加个日志显示组件:

export default {	
  created(){
    var _this = this
      window.error= function(msg,title){
        _this.error(msg,title)
      }
      window.info= function(msg,title){
        _this.info(msg,title)
      }
       window.debug= function(msg,title){
          _this.debug(msg,title)
      }
     },
     name:"Log",
      ...
}

调用就很简单啦:

window.error(msg,title)
//或者
error(msg,title)

是不是感觉特方便,比起那个什么总线简直强到不知哪去去了。。。

还有更加变态一点的做法:

export default {	
  created(){
      window.$log = this
  },
  methods{
      error(msg,title){
          ...
      }
  }
...
}

调用就很方便了:

$log(msg,title)

当然,别忘了把组件加入到界面,最好加入在App.vue里面:

<template>
  <div id="app">
    <div class="content">    	
    		<router-view/>
    		<Log />
    </div>    
  </div>
</template>
<script>

import Logfrom '@/components/Log'

export default {
  name: 'App',
  components:{
  	"Log":Log
  }
}
</script>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏张善友的专栏

Silverlight + Model-View-ViewModel (MVVM)

     早在2005年,John Gossman写了一篇关于Model-View-ViewModel模式的博文,这种模式被他所在的微软的项目组用来创建Expr...

3268
来自专栏java 成神之路

使用 NIO 实现 echo 服务器

5497
来自专栏pangguoming

Spring Boot集成JasperReports生成PDF文档

由于工作需要,要实现后端根据模板动态填充数据生成PDF文档,通过技术选型,使用Ireport5.6来设计模板,结合JasperReports5.6工具库来调用渲...

1.4K7
来自专栏杨龙飞前端

scrollto 到指定位置

2894
来自专栏一个爱瞎折腾的程序猿

sqlserver使用存储过程跟踪SQL

USE [master] GO /****** Object: StoredProcedure [dbo].[sp_perfworkload_trace_s...

2820
来自专栏大内老A

The .NET of Tomorrow

Ed Charbeneau(http://developer.telerik.com/featured/the-net-of-tomorrow/) Exciti...

38110
来自专栏我和未来有约会

Silverlight第三方控件专题

这里我收集整理了目前网上silverlight第三方控件的专题,若果有所遗漏请告知我一下。 名称 简介 截图 telerik 商 RadC...

4355
来自专栏张善友的专栏

LINQ via C# 系列文章

LINQ via C# Recently I am giving a series of talk on LINQ. the name “LINQ via C...

2965
来自专栏陈仁松博客

ASP.NET Core 'Microsoft.Win32.Registry' 错误修复

今天在发布Asp.net Core应用到Azure的时候出现错误InvalidOperationException: Cannot find compilati...

5208
来自专栏C#

DotNet加密方式解析--非对称加密

    新年新气象,也希望新年可以挣大钱。不管今年年底会不会跟去年一样,满怀抱负却又壮志未酬。(不过没事,我已为各位卜上一卦,卦象显示各位都能挣钱...)...

5798

扫码关注云+社区