vue3.0怎么使用UI插件和vue2.x的区别

1、首先要知道怎么安装,举个例子vxe-table

VUE3.0:npm install xe-utils vxe-table@next

VUE2.x:npm install xe-utils vxe-table

发现后面多了@next,本人这两天也是刚开始学习vue3.0

2、怎么引入main.js中

VUE3.0:

import App from './App.vue'

import router from './router'

import store from './store'

import { createApp } from 'vue'

import 'xe-utils'

import VXETable from 'vxe-table'

import 'vxe-table/lib/style.css'

createApp(App).use(VXETable).use(store).use(router).mount('#app')

vue2.X:

import Vue from 'vue';

import App from './App.vue';

import router from './router';

import store from './store';

// vxe表格组件

import 'xe-utils';

import VXETable from './my-vxe-table/packages/vxe-table';

import 'vxe-table/lib/index.css';

import VXETablePluginElement from 'vxe-table-plugin-element';

import 'vxe-table-plugin-element/dist/style.css';

Vue.use(VXETable);

VXETable.use(VXETablePluginElement);

new Vue({

  router,

  store,

  render: h => h(App),

}).$mount('#app');

猜你喜欢

转载自blog.csdn.net/weixin_39418338/article/details/111608817