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

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

使用之前要创建

在 components 文件下创建一个自己的 组件文件(.vue)

初始结构为

export default {

name: "hw"

}

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

{{ name }}

export default {

name: "hw",

data(){

return {

name:"毛没齐"

}

}

}

.hw{

color: blue;

}

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

注册分为

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

2.全局注册组件：在main.js文件中注册

全局注册组件后，在 App.vue文件使用

相关推荐：