Vue插槽slot+模块化思想

---

前言

本博客仅做学习笔记，如有侵权，联系后即刻更改

科普：

---

slot标签

目的

具备扩展性

基本使用

<slot><button/></slot>

• 可以设置默认值
  覆盖时会全部插入
• 使用name区别插槽
  使用时slot=‘name’

编译作用域

父组件模板在父级作用域内编译
组件的使用相当于在父组件中出现

作用域插槽

父组件替换插槽标签，内容由子组件提供
slot-scope=‘slot’
join函数连接一个字符串，()内可以设置间隔字符

定义插槽

style中引用文件使用@import

this,$route

文件路径引用

起别名

在webpack.congig.js下配置resolve下的alias

• ‘@’: resolve={‘src’}

使用时：

• 在import 下可以直接使用
• src下路径前面要加~

使用模块作为出口

核心

• 导入和导出

模块化规范

• CommonJS
  导出：moduel.exports={}
  导入：require(路径)
• ES6的Modules
  设置type为module
• export
• import
• AMD、CMD

export

• default：默认，支持导入自命名
  但是一个文件只能存在一个

import * as aaa from 路径

总结

小小励志

有些事你现在不做，一辈子都不会做了。
如果你想做一件事，全世界都会为你让路。
《搭车去柏林》