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}

此时就可以使用了

<Tree></Tree>

 

 

上一篇:学生请假系统学习一


下一篇:组件里面调用组建的方法