vuejs：我的 vue 组件没有渲染

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 }
});

Answer 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.