在vue 3中从另一个本地项目导入和显示组件

npm install vue@next

<template>
  <button>{{ text }}</button>
</template>

<script>
export default {
  props: {
    text: {
      type: String,
      required: true
    }
  }
}
</script>

<style scoped>
button {
  background-color: #42b983;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
</style>

<template>
  <div>
    <Button text="Click me" />
  </div>
</template>

<script>
import Button from '../shared-components/Button.vue';

export default {
  components: {
    Button
  }
}
</script>