vue自定義全局公共函數(shù)

rozbo 發(fā)布于2019-08-23 11:59 / 1549人閱讀

摘要：多帶帶零散的函數(shù)在里進行全局注冊在所有組件里可調(diào)用多個函數(shù)定義在一個對象里文件還可以在這個文件里面添加多個函數(shù)子組件

多帶帶零散的函數(shù)

在main.js里進行全局注冊

Vue.prototype.ajax = function (){}

在所有組件里可調(diào)用
this.ajax()

多個函數(shù)定義在一個對象里

// xx.js文件
var tools = {}
tools.addNum = function (x, y) {
  return x * y
} // 還可以在這個文件里面添加多個函數(shù)
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

云服務(wù)器 GPU云服務(wù)器自定義函數(shù) 自定義函數(shù)過濾自定義函數(shù)特點 thinkphp自定義函數(shù)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/97792.html

相關(guān)文章

vue 項目總結(jié)一組件開發(fā)的配置和例子

摘要：入口文件，影響全局，作用是引入全局使用的庫公共的樣式和方法設(shè)置路由等。項目里總會有一些復(fù)用的組件，例如彈出框發(fā)送手機驗證碼圖片上傳等，將它們作為通用組件，避免重復(fù)工作結(jié)構(gòu)如下可以根據(jù)功能模塊建立文件夾，放置本功能會用到的通用組件。上一篇文章 https://segmentfault.com/a/11... 介紹了項目里文件夾的分類和作用，這次主要說明 src 文件夾里具體的文件分類和...

melody_lql 2019-08-02 16:00 評論0 收藏0
vue 項目總結(jié)一組件開發(fā)的配置和例子

摘要：入口文件，影響全局，作用是引入全局使用的庫公共的樣式和方法設(shè)置路由等。項目里總會有一些復(fù)用的組件，例如彈出框發(fā)送手機驗證碼圖片上傳等，將它們作為通用組件，避免重復(fù)工作結(jié)構(gòu)如下可以根據(jù)功能模塊建立文件夾，放置本功能會用到的通用組件。上一篇文章 https://segmentfault.com/a/11... 介紹了項目里文件夾的分類和作用，這次主要說明 src 文件夾里具體的文件分類和...

isaced 2019-08-22 11:16 評論0 收藏0
【Geek議題】合理的VueSPA架構(gòu)討論（上）

摘要：下面也是以模塊的模塊集為例，可以發(fā)現(xiàn)和路由有一些不同就是這里為了防止模塊跟全局耦合，運用函數(shù)式編程思想類似于依賴注入，將全局的實例作為函數(shù)參數(shù)傳入，再返回出一個包含的對象，這個導(dǎo)出的對象將會被以模塊名命名，合并到全局的集中。前言 web前端發(fā)展到現(xiàn)代，已經(jīng)不再是嚴(yán)格意義上的后端MVC的V層，它越來越向類似客戶端開發(fā)的方向發(fā)展，已獨立擁有了自己的MVVM設(shè)計模型。前后端的分離也使前端人...

worldligang 2019-08-22 15:53 評論0 收藏0
【Geek議題】合理的VueSPA架構(gòu)討論（上）

摘要：下面也是以模塊的模塊集為例，可以發(fā)現(xiàn)和路由有一些不同就是這里為了防止模塊跟全局耦合，運用函數(shù)式編程思想類似于依賴注入，將全局的實例作為函數(shù)參數(shù)傳入，再返回出一個包含的對象，這個導(dǎo)出的對象將會被以模塊名命名，合并到全局的集中。前言 web前端發(fā)展到現(xiàn)代，已經(jīng)不再是嚴(yán)格意義上的后端MVC的V層，它越來越向類似客戶端開發(fā)的方向發(fā)展，已獨立擁有了自己的MVVM設(shè)計模型。前后端的分離也使前端人...

pepperwang 2019-08-02 10:03 評論0 收藏0