其他分享
首页 > 其他分享> > vue-cli组件的使用(入门级)

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>

 

 

标签:vue,cli,tree,Tree,入门级,components,组件
来源: https://www.cnblogs.com/xiaomudai/p/15089384.html