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标签上绑定属性值,在父组件可以拿到子组件的数据,通过子组件绑定数据传递给父组件(插槽的作用域为子组件)