alternativa ai components globals

Cristiano Magro

2024-12-30 54574e680e5cbaca947800590d8dac238bd559c2

alternativa ai components globals

li importo dove li uso, mantengo globali solo quelli uscati in più occorrenze diverse

 09 - deeper into components/cmp-adv-01-starting-setup/src/App.vue

@@ -11,7 +11,18 @@
</template>

<script>
import TheHeader from './components/TheHeader.vue';
import BadgeList from './components/BadgeList.vue';
import UserInfo from './components/UserInfo.vue';

export default {
  components: {
    // 'the-header': TheHeader,
    // TheHeader: TheHeader,
    TheHeader,
    BadgeList,
    UserInfo
  },
  data() {
    return {
      activeUser: {

 09 - deeper into components/cmp-adv-01-starting-setup/src/main.js

@@ -1,16 +1,11 @@
import { createApp } from 'vue';

import App from './App.vue';
import TheHeader from './components/TheHeader.vue';
import BaseBadge from './components/BaseBadge.vue';
import BadgeList from './components/BadgeList.vue';
import UserInfo from './components/UserInfo.vue';


const app = createApp(App);

app.component('the-header', TheHeader);
app.component('base-badge', BaseBadge);
app.component('badge-list', BadgeList);
app.component('user-info', UserInfo);

app.mount('#app');