vue学习第7天,组件

来源:互联网 发布:ucloud 阿里云 腾讯云 编辑:程序博客网 时间:2024/06/05 17:34

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,可以将组件定义成一个工厂函数 异步地解析组件的定义



原创粉丝点击