Rumah >hujung hadapan web >View.js >什么是vue.js组件
什么是vue.js组件
- coldplay.xixiasal
- 2020-11-10 16:34:182273semak imbas
vue.js组件是用来完成特定功能的一个自定义的HTML标签，分为全局组件和局部组件，全局组件可以在任何被挂着的标签中使用，局部组件是定义在某个vue实例上的。
【相关文章推荐：vue.js】
组件是用来完成特定功能的一个自定义的HTML标签
例如：
<body>
<mytag></mytag>
</body>注意: mytag就是一个组件, 该组件必须通过Vue为mytag赋予一定的功能
组件的作用
组件是对特点功能代码(html,css,js)的封装, 通过组件的名字可以重复利用该组件中的代码.
组件分类:
全局组件和局部组件
注意：组件的template模板必须有且只有一个根标签（所有内容必须由一个标签套起来）。
全局组件
1、全局组件的语法:
Vue.component("自定义标签的名字",{配置对象})2、全局组件的特点:
全局组件可以在任何被挂着的标签中使用.
全局组件的配置对象中必须包含template属
局部组件-是定义在某个vue实例上的
1、局部语法:
var app = new Vue({
el: "#app",
data: {},
components : {
"局部组件的名字1" : {组件的配置对象}
"局部组件的名字2" : {组件的配置对象}
}
});2、局部组件的特点
局部组件只能够在所挂载的标签中使用。
相关免费学习推荐：JavaScript（视频）
Atas ialah kandungan terperinci 什么是vue.js组件. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Vue.js中如何解决v-for运行错误问题Artikel seterusnya：vue.js中怎么换行