资讯专栏INFORMATION COLUMN

vue自定义全局公共函数

rozbo / 1474人阅读

摘要:多带带零散的函数在里进行全局注册在所有组件里可调用多个函数定义在一个对象里文件还可以在这个文件里面添加多个函数子组件

多带带零散的函数

在main.js里进行全局注册

Vue.prototype.ajax = function (){}

在所有组件里可调用
this.ajax()

多个函数定义在一个对象里
// xx.js文件
var tools = {}
tools.addNum = function (x, y) {
  return x * y
} // 还可以在这个文件里面添加多个函数
tools.install = function (Vue, options) {
  Vue.prototype.$tools = tools
  Vue.tools = tools
}
export default tools
// main.js
import tools from "xx"

Vue.use(tools)
// 子组件
let yy = this.$tools.addNum(6, 9)
console.log(yy) // 54

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/97792.html

相关文章

  • vue 项目总结一组件开发的配置和例子

    摘要:入口文件,影响全局,作用是引入全局使用的库公共的样式和方法设置路由等。项目里总会有一些复用的组件,例如弹出框发送手机验证码图片上传等,将它们作为通用组件,避免重复工作结构如下可以根据功能模块建立文件夹,放置本功能会用到的通用组件。 上一篇文章 https://segmentfault.com/a/11... 介绍了项目里文件夹的分类和作用,这次主要说明 src 文件夹里具体的文件分类和...

    melody_lql 评论0 收藏0
  • vue 项目总结一组件开发的配置和例子

    摘要:入口文件,影响全局,作用是引入全局使用的库公共的样式和方法设置路由等。项目里总会有一些复用的组件,例如弹出框发送手机验证码图片上传等,将它们作为通用组件,避免重复工作结构如下可以根据功能模块建立文件夹,放置本功能会用到的通用组件。 上一篇文章 https://segmentfault.com/a/11... 介绍了项目里文件夹的分类和作用,这次主要说明 src 文件夹里具体的文件分类和...

    isaced 评论0 收藏0
  • 【Geek议题】合理的VueSPA架构讨论(上)

    摘要:下面也是以模块的模块集为例,可以发现和路由有一些不同就是这里为了防止模块跟全局耦合,运用函数式编程思想类似于依赖注入,将全局的实例作为函数参数传入,再返回出一个包含的对象,这个导出的对象将会被以模块名命名,合并到全局的集中。 前言 web前端发展到现代,已经不再是严格意义上的后端MVC的V层,它越来越向类似客户端开发的方向发展,已独立拥有了自己的MVVM设计模型。前后端的分离也使前端人...

    worldligang 评论0 收藏0
  • 【Geek议题】合理的VueSPA架构讨论(上)

    摘要:下面也是以模块的模块集为例,可以发现和路由有一些不同就是这里为了防止模块跟全局耦合,运用函数式编程思想类似于依赖注入,将全局的实例作为函数参数传入,再返回出一个包含的对象,这个导出的对象将会被以模块名命名,合并到全局的集中。 前言 web前端发展到现代,已经不再是严格意义上的后端MVC的V层,它越来越向类似客户端开发的方向发展,已独立拥有了自己的MVVM设计模型。前后端的分离也使前端人...

    pepperwang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<