vue知识点05-插槽

含义:插槽(slot)是一种用于组件之间内容分发的机制。它允许父组件向子组件传递任意内容,并且在子组件中使用插槽来渲染这些内容

        1.把子组件当标签用,里面的标签会添加到子组件中的slot中去









                vue知识点05-插槽_第1张图片
2.组件嵌套组件也可以的        例:











3.具名插槽和匿名插槽

           (!:匿名插槽:不为插槽设置名称时,成为匿名插槽,匿名插槽是最简单的一种方式,前面使用的例子就是匿名插槽

        (2:具名插槽:给该插槽slot标签上添加name属性来指定插槽的名称,用于在组件中定义多个不同的插槽,方便父组件可以选择性的将内容分配给这些插槽,父组件在使用子组件时,可以用v-slot指令来将内容分配给具体的具名插槽

















1.vue中data为什么要设计成为一函数?    

        答:在 Vue 中,data 选项被设计为一个函数的主要原因是为了解决数据共享的问题以及正确的实例化组件。

        当 data 选项是一个函数时,Vue 在创建组件实例时会调用这个函数,每个组件实例都会返回一个全新的数据对象。这样做的目的是为了确保每个组件实例都有自己独立的数据副本,避免多个组件实例之间的数据互相影响。

        如果 data 选项直接是一个对象,那么该对象将被所有组件实例共享,这意味着当一个组件的数据发生变化时,其他组件也会受到影响,这不符合组件的独立性原则

通过将 data 选项设计为函数,每个组件实例都可以拥有自己的数据对象,而不会互相干扰。这样,每个组件都可以独立地管理和修改自己的数据,提高了组件的可维护性和可复用性。

2.单向数据流

        单向数据流是指在应用程序中数据的流动只能沿着一个方向进行,从组件向子组件传递数据而不能反向传递直接修改父组件的数据。在 Vue 中,单向数据流是通过父组件向子组件传递 props 进行实现的(属性传值)。

你可能感兴趣的:(vue.js,前端,javascript)