前端面试

121 阅读1分钟

webpack是?

  • webpack是一个打包工具,前端半自动化开发工具,它基于node.js运动
  • 功能有:压缩代码,压缩图片,解析es6和sass语法,代码热更新

插槽的理解?

插槽实质是对子组件的扩展,通过插槽向子组件内部指定位置传递内容

插槽的使用?

匿名插槽又叫单个插槽,默认插槽

可以放置在组件的任意位置
一个组件中只能有一个匿名插槽
匿名插槽只能作为没有slot属性元素插槽
<slot>这是个匿名插槽(没有name属性),这串字符是匿名插槽的默认值。</slot>

具名插槽?

理解:就是具有名字插槽,名字通过属性name来定义

一个组件中可以有很多个具名插槽,出现不同的位置
<slot name="body">这是个具名插槽(有name属性),这串字符是具名插槽的默认值。</slot>
slot可以直接用在普通标签或者<template>上,推荐在<template>元素上使用v-slot指令

带有 v-slot 的`<template>` 元素中的所有内容都将会被传入相应的插槽
任何没有被包裹在带有 v-slot 的 `<template>` 中的内容都会被视为默认插槽的内容

★v-slot 只能添加在 `<template>` 上
<template v-slot:header> <h1>我是头header</h1> </template>

作用域插槽?

作用域插槽是子组件可以在slot标签上绑定属性值,在父组件可以拿到子组件的数据,通过子组件绑定数据传递给父组件(插槽的作用域为子组件