vue-cli组件的使用(入门级)

1.创建组件

在src/components下创建一个vue组件，名为tree.vue

<template>
  <p>hello</p>
</template>
?
<script>
export default {
  //组件导出的名字
  name: "Tree",
  data(){
    return{
?
    }
  }
}
</script>
?
<style scoped>
?
</style>

接下来需要在其他vue组件中导入它进行使用啦

import tree from "@/components/Tree";

还需要在components中定义

components:{Tree}

此时就可以使用了

<Tree></Tree>

vue-cli组件的使用(入门级)