Vue.js中组件的创建与注册方法的介绍

来源：动视网责编：小采时间：2020-11-27 19:32:01

Vue.js中组件的创建与注册方法的介绍

Vue.js中组件的创建与注册方法的介绍:本篇文章给大家带来的内容是关于Vue.js中组件的创建与注册方法的介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。使用之前要创建在 components 文件下创建一个自己的组件文件（.vue）初始结构为 &l

推荐度：

点击下载本文 文档为doc格式

导读Vue.js中组件的创建与注册方法的介绍:本篇文章给大家带来的内容是关于Vue.js中组件的创建与注册方法的介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。使用之前要创建在 components 文件下创建一个自己的组件文件（.vue）初始结构为 &l

本篇文章给大家带来的内容是关于Vue.js中组件的创建与注册方法的介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

使用之前要创建

在 components 文件下创建一个自己的组件文件（.vue）

初始结构为

<!--html区域-->
<template>
 
</template>

<!--JS区域-->
<script>
 export default {
 name: "hw"
 }
</script>

<!--css区域-->
<style scoped>

</style>

加入自己的代码设置就完成了一个简单的子组件文件创建

<!--html区域-->
<template>
 <p class="hw">
 {{ name }}
 </p>
</template>

<!--JS区域-->
<script>
 export default {
 name: "hw",
 data(){
 return {
 name:"毛没齐"
 }
 }
 }
</script>

<!--css区域-->
<style scoped>
.hw{
 color: blue;
}
</style>

子组件创建好后就要注册它，只有注册了才能使用

注册分为

1.局部注册组件：在App.vue文件中注册也在App.vue文件使用