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

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}
此时就可以使用了