位置: IT常识 - 正文
Vue全局组件和局部组件的注册(vue全局组件和局部组件)
编辑：rootadmin推荐整理分享Vue全局组件和局部组件的注册(vue全局组件和局部组件)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue3.0全局组件,vue全局组件和局部组件封装,vue全局组件和局部组件是什么,vue全局组件和局部组件是什么,vue全局组件和局部组件封装,vue全局组件和局部组件是什么,vue全局组件和局部组件怎么定义,vue全局组件和局部组件的区别,内容如对您有帮助，希望把文章链接给更多的朋友！
组件的简介：
组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树：
组件的基本使用：
创建一个Vue实例需要创建后才能使用，组件也需要进行注册后才能使用。注册组件分为全局注册和局部注册两种方式。
全局注册：
1.注册全局组件
注册组件就是利用Vue.component() 方法，先传入一个自定义组件的名字，然后传入这个组件的配置
//定义一个名为 my-component 的新组件
Vue.component('my-component'),{
//组件内容写在这里
template:" <lable>自己的组件</lable> "
注："" 不支持换行，使用模板字符串支持换行 ` `
})
如上方式，就说明创建了一个自定义组件，然后可以在Vue实例挂在DOM元素中使用它。
<div id="app">
<my-cpmponent></my-component>
</div>
<script>
//定义一个名字为my-component的组件
Vue.component('my-component',{
//组件内容写这里
template:"<lable>自己的组件</lable>"
})
//
上一篇：[九]深度学习Pytorch-transforms图像增强(剪裁、翻转、旋转)
下一篇：华为OD机试真题 Python 实现【最大连续文件之和 /区块链文件转储系统】(华为od机试真题2023 pdf)