【xingorg1-ui】基于vue3.0从0-1搭建组件库 (六) 项目注册与包引入

2021年09月15日 阅读数:1
这篇文章主要向大家介绍【xingorg1-ui】基于vue3.0从0-1搭建组件库 (六) 项目注册与包引入,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

(六)项目注册与使用java

main.js引入与注册

import { createApp } from 'vue'
import App from './App.vue'
import xingorg1UI from 'packages/index'
console.log(xingorg1UI)

createApp(App).use(xingorg1UI).mount('#app')

app.vue/other.vue使用

<template>
  <div class="demo-button">
    demo页面-直接使用button按钮
    <gjf-button /> 
  </div>
</template>

<script>

export default {
  name'Button'
}
</script>

main.js按需引入:

import { GjfIcon } from 'packages/index'
console.log(GjfIcon)

createApp(App).use(GjfIcon).mount('#app')