【Vue基础知识总结 8】插槽slot与vue导入导出(2)，前端开发0基础学习

浏览器显示

四、作用域

---

父组件模板的所有东西都会在父级作用域内编译；子组件模板的所有东西都会在子级作用域内编译。

我是子组件

我是内容, 哈哈哈

按钮

浏览器显示

五、作用域插槽

---

父组件替换插槽的标签，但是内容由子组件来提供。

1、代码实例

{ {slot.data.join(’ - ')}}

{ {slot.data.join(’ * ')}}

• { {item}}

• 2、浏览器显示

  

  六、前端代码复杂带来的问题

  ---

  1、js脚本语言

  在网页开发的早期，js只作为一种脚本语言，做一些简单的表单验证或动画实现等，那个时候代码还是很少的。

  2、前后端分离开发

  随着Ajax异步请求的出现，慢慢形成了前后端分离开发

  客户端需要完成的事情越来越多，代码量与日俱增；

  为了应对代码量的剧增，通常会将代码组织在多个js文件中；

  但是这种维护方式，依然不能避免一些灾难性的问题；

  比如全局变量同名的问题。

  这种代码的编写方式对js文件的依赖顺序几乎是强制性的。

  但是js文件过多，比如几十个的时候，弄清楚他们的顺序是一件比较困难的事情；

  而且即使你弄清楚了，也不能避免上面出现的这种问题的发生。