摘要：
在ES6的模块化开发中，一个JS文件就相当一个模块，其他JS文件想要使用模块中的数据，模块必须export导出，其他JS文件进行import导入才行。 第一步，先引入对应的JS文件，通过script标签，不过不能单单用script标签，如果是这样的话此时各个JS文件还不是一个模块，得设置一个type 阅读全文
摘要：
在早期前端是没有模块化这个概念的；这个就会导致前端团队在开发时出现一个弊病，我举个例子： 前端开发团队有2个人，小红和小明，小红创建了一个xh.js，里面有一个var flag = false的变量；小明也创建了一个xm.js，里面也有一个var flag，但他是var flag =true；但其他 阅读全文
摘要：
父组件想要在自个的模板中使用子组件的data数据，有3种方式： 1. 子组件发送事件：主动方是子组件 2. 父组件获取子组件的对象，通过this.childredn或refs，但这种方式大多是用在scirpt代码里面，在template模板中并不适用 3. 插槽作用域的方式获取，该方式能在templ 阅读全文
摘要：
在上一篇讲了插槽的基本使用，但是现在又有了新的需求了，一个组件中有3个插槽，只想替换中间的插槽，另外两个默认即可，那该如何替换呢？具名插槽就派上用场了，说简单点就是给插槽取个名字，当插入元素的时候说明要插入的是哪个插槽即可，代码如下： <body> <div id="app"> <ccomponen 阅读全文
摘要：
之前我们使用的组件他的拓展性是特别差的，因为组件的内部标签是固定写死的，就会导致这个组件的复用性很差，比如一个导航栏组件，他里面的组成部分是根据需求不同而定的，因此里面的标签不能写死，而插槽的出现刚好能解决这个问题，一个组件里面预留几个空间，根据需求往里面填充不同的标签，这就是插槽 下面我们看下代码 阅读全文