位置: IT常识 - 正文
推荐整理分享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)
友情链接: 武汉网站建设