createApp和vConsole

createApp

在2.X版本中创建一个vue 实例是通过 new Vue()来实现的，到了3.X中则是通过使用createApp这个 API返回一个应用实例，并且可以通过链条的方式继续调用其他的方法。

import { createApp } from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';
// 通过use进行链式调用
createApp(App).use(router).use(store).mount('#app');

createApp的参数

1、components options  2、root props 如

createApp(App, {username: 'wubin'}).use(router).use(store).mount('#app');

我在main.js中定义了username，之后整个项目中，都可以props接收username，并使用

vConsole使用时的报错

vconsole使用时，会提示实例化但是没有引用，这时只要use()一下就可以

import { createApp } from 'vue';
import App from './App.vue';
import fastclick from 'fastclick';
import 'common/less/index.less';
// 使用插件消除手机版上点击300MS的延迟
fastclick.attach(document.body);
// 引入VConsole
import VConsole from 'vconsole';
var vConsole = new VConsole();
//  在实例化后引用一下
createApp(App).use(vConsole).mount('#app');