您好,欢迎来到易妖游戏网。
搜索
您的当前位置:首页vue全局组件与局部组件使用方法详解

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

来源:易妖游戏网


这篇文章主要为大家详细介绍了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实现内部组件轮播切换效果的示例代码

Copyright © 2019- vipyiyao.com 版权所有 湘ICP备2023022495号-8

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务