码迷,mamicode.com
首页 > 其他好文 > 详细

vue2项目使用组件

时间:2017-09-26 21:04:38      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:调用   img   直接   多个   his   mit   方法   com   标签   

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

页面引用模板

1、导入模板

2、components 引用组件

技术分享

 

3、页面调用

技术分享

 

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

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

 技术分享

 

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

   父组件代码段:技术分享

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

 

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

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

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

 

vue2项目使用组件

标签:调用   img   直接   多个   his   mit   方法   com   标签   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!