vue

vue 组件拆分

问题提出,如何定义一个组件,组件和组件如何通信

1-创建组件

  1-1全局组件语法

     Vue.component('assemblyName',{

        tmplement:'   '

          })

  1-2局部组件(需要在实例当中注册)

    var assemblyName =  

        tmplement =  '  '

2-使用组件

  2-1全局组件的直接使用

  <assemblyName/>

  2-1局部组件

  new  vue中实例

  component属性声明

  2-3

    属性传参到组件

        :name

  2-3-2

    组件必须接受参数

    用props去接受

    props:['name']

总结

  两种定义方式,全局和局部,

  全局的不需要在vue实例中注册

  局部的需要

通信

  全局直接通过标签使用,通过定义属性传参,组件接受参数通信

局部

  注册,声明一个变量应当先对其调用

 

 

 

  

转载于:https://www.cnblogs.com/yijiushengjing/p/9880862.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值