vue组件

本文介绍了Vue.js中局部组件的创建与注册,全局组件的使用,以及父子组件之间的值传递(包括父传子和子传父),并展示了如何实现分页组件的开发与应用。
摘要由CSDN通过智能技术生成

一、局部组件

        1.创建一个局部组件

   2.将组件注册到自己想要使用的页面中 

3.使用局部组件

                详情如上图

 二、全局组件

 注册的组件在所有的组件中都可以进行使用

1.创建一个全局组件

2.在main.js中把这个组件注册为全局组件进行使用

  3.使用全局组件 

三、传值

  1.父传子

以局部组件为例

        1.父组件data中有一个变量

        2.在父组件中有一个绑定的属性传给子组件

  3.子组件接收这个值

使用props接收父组件中的值,

使用父组件穿过来的值{{partoson}}    

 2.子传父

子组件通过$emit触发父组件上的自定义事件,发送参数 

        1.子组件绑定事件

        <button @click="handlechild">传值</button>

        通过这个点击事件进行传值

    2. 父组件使用组件中定义的事件接收值

四、分页

        1.创建一个分页组件

   2.把分页组件注册成全局组件

  3.在vue文件中使用分页组件

4.接收父组件传过来的值 

  5.完善

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值