欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue如何引用public中的js文件

 更新時(shí)間：2022年09月22日 08:35:08   作者：asdfsdgfsdgfa  
這篇文章主要介紹了Vue如何引用public中的js文件，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

如何引用public中的js文件

在public文件夾下創(chuàng)建config.js文件。

config.js中可以使用變量，也可以使用window來(lái)掛載

 測(cè)試：

注意：index.html在引入config.js時(shí)，config.js前面一定要加上/ ，否則子路由菜單刷新會(huì)報(bào)錯(cuò)，提示找不到j(luò)s文件

vue引用公共js

在.vue文件中，需要調(diào)用一些工具方法，所以需要將公共方法放在公共js中，供組件調(diào)用。

步驟

1.創(chuàng)建公共js

創(chuàng)建utils.js

src/common/utils.js
export default {

? ? show:function () {
? ? ? console.log("公共方法");
? ? }
}

2.在main.js引入公共js

// 引用公共js
import utils from './common/utils.js'
Vue.prototype.utils = utils

3.調(diào)用公共方法

export default {
? name: 'abc',
? data () {
? ? return {
? ? }
? },
? methods:{
? ? click:function () {
? ? ? this.utils.show();
? ? }
? }
}

控制臺(tái)輸出：

abc

總結(jié)：將公共方法放在同一個(gè)js中，方便調(diào)用和維護(hù)，避免重復(fù)代碼

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論