vue组件化开发步骤

1,建两个vue文件,一个为父组件App.vue , 一个为子组件,子组件用文件夹归类

2.在父组件中通过import引入

import Dog1 from "./components/Dog1.vue";

3.在vue实例中components配置项注册启用

export default {
  components: {
    Dog1,
  },
};

4.在template中使用

<template>
  <div class="my_div">
    <Dog1 />
  </div>
</template>