vue总引入VConsole

  • 第一种,使用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');
	}
}
  • 最后得到的效果

vue总引入VConsole_第1张图片

你可能感兴趣的:(vue.js,javascript,前端)