vue总引入VConsole

最新推荐文章于 2024-10-18 11:33:43 发布

云南吴小黑

最新推荐文章于 2024-10-18 11:33:43 发布

阅读量1.2k

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_37967380/article/details/127221880

版权

第一种，使用import的方式
通过main.js中引入，先创建一个全局的vconsole.js

 import Vconsole from 'vconsole'
 const vConsole = new Vconsole()
 export default vConsole

然后在main.js中引入

import vConsole from '@/static/js/vconsole.js'

第二种，通过js的方式引入，我是在app.vue中引入的

onShow: function() {
	this.initVConsole();
},
methods: {
	initVConsole() {
		const oScript = document.createElement('script');
		oScript.type = 'text/javascript';
		oScript.src = 'https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js';
		oScript.onload = this.initObj;
		document.body.appendChild(oScript);
	},
	initObj() {
		const vConsole = new VConsole();
		console.log('vconsole');
	}
}