vue全局组件与局部组件使用方法详解

vue全局／局部注册，以及一些混淆的组件

main.js入口文件的一些常用配置， 在入口文件上定义的public.vue为全局组件，在这里用的是pug模版 .wraper 的形式相当于<p class=wraper></p>

—main.js文件

—public.vue 组件为定义的全局组件在任何组件里都可以直接使用，不需要在vue实例选项components上在次定义，也不需要再次导入文件路径。

在parent.vue组件里，用到了public全局组件以及其他的子组件

parent.vue组件

children.vue是parent.vue的子组件，但是只在parent.vue作用域里可用

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

JavaScript实现简单动态进度条效果

Javascript实现运算符重载详解

Vue实现内部组件轮播切换效果的示例代码

以上就是vue全局组件与局部组件使用方法详解的详细内容，更多请关注Gxl网其它相关文章！