vuejs : My vue component is not rendering

Question

i have a vue component,but when i try to render it,its not render correctly instead shown as html tag here is component code

view.vue

  <template>
    <div>
      <h1>This is  view component</h1>
   </div>
 </template>

<script>
 import Vue from "vue";

    export default {
        name: 'view',
        props: ["store"],
        data:function(){
              return {}
            }
         };
</script>

now when i try to render it like below

  <div>
      <b-modal ref="my-modal2" hide-footer title="Store Details" class="mt-5">
          <view :store='curStore'/>
      </b-modal>
  </div>

it gives me this result any suggestion on whats going wrong? thanks in advance

my app mounted using following code

new Vue({
 el: '#app',
 router,
 template: '<App/>',
 components: { App }
});

is this component inside a vue project or on his own? Why do you import Vue? Where do you mount your application, eg. id='app' ? — wittgenstein
– wittgenstein, Commented Aug 11, 2021 at 9:52
this compoennet is part of project,i have module folder named /store inside store i have three files list.vue form.vue and view.vue both other cmponents works fine but view.vue is not rendering — Jatin Parmar
– Jatin Parmar, Commented Aug 11, 2021 at 12:29
if your component is inside of a vue project then I would remove the import Vue from "vue"; and compare how the other components were registered. — wittgenstein
– wittgenstein, Commented Aug 11, 2021 at 12:36
You have to import your component and add it to components as well. Have you checked the Vue documentation? — Peter Pointer
– Peter Pointer, Commented Aug 11, 2021 at 12:39

tony19 · Accepted Answer · 2022-07-15 01:59:03Z

1

You have to import your component and add it to components as well.

Check the Vue documentation:
https://v2.vuejs.org/v2/guide/components-registration.html#Local-Registration

import ComponentA from './ComponentA.vue'

export default {
  // ...
  components: {
    ComponentA
  },
  // ...
}

There are nuances for older JavaScript versions. Check the above mentioned link for details.

edited Jul 15, 2022 at 1:59

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Aug 11, 2021 at 13:16

Peter Pointer

4,2542 gold badges21 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

vuejs : My vue component is not rendering

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related