vue3如何封装框架

vue create my-vue-framework

1. import { createApp } from 'vue';
2. import App from './App.vue';
3. import MyButton from './components/MyButton.vue';
4. import router from './router'; // 如果有路由的话
5. import './assets/reset.css'; // 引入通用样式
6. 
7. const app = createApp(App);
8. 
9. // 注册全局组件
10. app.component('MyButton', MyButton);
11. 
12. // 注册全局工具函数
13. // app.config.globalProperties.$api = ...;
14. 
15. app.use(router); // 如果有路由的话
16. 
17. app.mount('#app');

npm install your-vue-framework

1. import { createApp } from 'vue';
2. import App from './App.vue';
3. import YourVueFramework from 'your-vue-framework';
4. 
5. const app = createApp(App);
6. 
7. app.use(YourVueFramework);
8. 
9. app.mount('#app');