首页 > 其他 > 详细

vue2项目使用组件

时间:2017-09-26 20:29:02      阅读:328      评论:0      收藏:0      [点我收藏+]

对于一些组件,多个页面使用到的时候,建议定义成一个组件页,页面使用时直接引用组件,非常方便易维护。

页面引用模板

1、导入模板

2、components 引用组件

技术分享

 

3、页面调用

技术分享

 

# 如何调用组件中的变量值呢(子组件向父组件传值)

   需要在组件标签上定义ref属性,使用的时候

 技术分享

 

# 如何传值给组件(父组件向子组件传值)

   父组件代码段:技术分享

   子组件代码段:技术分享    使用的时候,直接是this.mps

 

# 组件如何调用父组件的方法(子组件调用父组件方法)

   父组件代码段:技术分享    GetReport是方法名  

 子组件代码段:技术分享    子组件通过$emit来触发事件,将参数传递出去,true为传递去父组件的参数。

 

vue2项目使用组件

原文:http://www.cnblogs.com/ylqf/p/7598455.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!