vue中引入公共方法並使用

2021-10-09 18:14:10 字數 835 閱讀 5263

/**

* 通用js方法封裝處理兩種方式

*//** 第一種方式*/

function myfun()

function fn1()

// 將上面連個全域性公共方法,組合成乙個物件,並暴露出去

export default

/** 第二種方式*/

export function myfun()

export function fn1()

2.1.1、全域性呼叫:在main.js 進行配置

/** 第一種掛載方式:*/

import myfun from './utils/utils/myfun'

import fn1 from './utils/utils/fn1'

vue.prototype.myfun = myfun;

vue.prototype.fn1= fn1;

/** 第二種掛載方式:*/

import utils from './utils/utils'

vue.prototype.commonapi = utils;

2.1.2 、頁面中引用

text()

text()

2.2 區域性呼叫:在頁面中引入

import   from 'path'

// 使用

myfun()

參考:

vue中引入公共方法並使用

設定vue全域性公共方法

Vue中 引入使用 vue json views

專案開發過程中遇到展示 json 的場景,且 json 檔案體積過大,小則幾百kb。vue json views 即使載入 1m 左右的 json 文時,結合deep 深度限制,也能實現秒開的速度,元件壓所過後體積只有15.7kb,開啟gzip壓縮後只有4.74kb。1.示例及文件 位址 或 直接雙...

vue中公共方法呼叫

首先,在assets資料夾下,新建js資料夾,建立common.js export default 1 如果是全域性 多頁面 使用 1.在main.js中引入 引入公共js import common from assets js common.js vue.prototype.common com...

Vue中echarts的引入方法

專案使用的是vue cli腳手架搭建 npm install echarts s或者使用國內的 映象 安裝 npm install g cnpm registry 使用 cnpm install echarts smain.js檔案中 引入echarts import echarts from ec...