vue-组件

Posted 2020-11-23 czh64

创建一个新的组件并把它添加到响应的父组件中：

首先在components文件夹下新建一个vue文件 ：例如parent.vue

在新组件中添加内容：以便查看是否成功插入组件

<template>
  <div>这是parent组件</div>
</template>

并起name名字：

<script>
    export default {
        name: "v-parent"
    }
</script>

父组件HelloWord.vue中：

<template>
  <v-parent></v-parent>//这是插入的组件，不是标签
</template>

使用import导入parent.vue文件：

<script>
  import vParent from "./parent.vue";//这里注意小驼峰命名法
  export default {
    name: ‘HelloWorld‘,
    data () {
      return {

      }
    },
    components:{
      vParent//这里注意小驼峰命名法
    }
  }
</script>

导入完成！