vue学习第7天,组件

1,具名插槽,插槽可以有名字name,在父容器的元素中可以指定元素的slot属性为子组件模板中的slot的name属性的值 通过这种方法可以为父容器的元素指定插槽

2,子组件中插槽可以不设置name 属性 这样的话 这个插槽就是一个默认插槽 当父容器中有元素没有设置具名插槽的时候 这一部分元素就会放到默认插槽里面 如果没有默认插槽的话 这一部分元素就会被舍弃

3,作用域插槽 是一个特殊类型的插槽 可以用来传递数据 可以重用 

4,作用域插槽在子组件模板里面接收子组件给插槽模板的数据 

5,必须在父容器中指定作用域插槽的范围

6,slot-scope属性的值就是用来接收自组建传递给插槽模板的数据的对象的名字 可以通过这个来使用作用域插槽接受到的数据 

7,作用域插槽也可以是具名的 也可以设置name

8,动态组件 可以使用保留的 component 元素 使用它的 is 属性来动态地切换组件的类型 

9,可复用组件 应该定义一个清晰的公开接口 不要在外部数据上做出任何假设

10,使用v-bind v-on的简写方式

11,子组件引用 可以给子组件设置ref 属性 在组件渲染完成之后 可以用过 $refs.refvalue来获取组件 注意在渲染之前是无法获取到的 因为要在渲染完成之后才会在refs里边注册 所以不要在计算属性和方法里面使用refs

12,异步组件 可以将应用拆分成多个小模块 然后按需加载

13,可以将组件定义成一个工厂函数 异步地解析组件的定义



  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值