lixian

上文我们打包的时候，打包命令是 webpack main.js ../dist/bundle.js，我们每次都要设置打包的入口和出口，就很麻烦。有什么设置能设置出口和入口，免得我每次都要设置嘛？当然可以有，在项目中添加这个文件，这个文件的文件名是固定的：webpack.conf…

Webpack需要在node环境下，才能正常运行。所以必须安装node.js.node.js自带了一个包管理工具npm.(node package manage)，因为node依赖很多包，所以它自带了npm来管理这些包。 dist 这是将我们的源码打包之后，放置的地方。后续我们…

Webpack是一个前端模块化打包工具。 从定义中，我们可以窥探出两个重点：一个是模块，一个是打包。 这是Webpack官网的一张图，意思就是说，当你开发项目的时候，你可能会有各式各样的文件，比如sass,less。这些如果你直接部署到服务器上，是不行的，因为浏览器从服务器上请…

正如前文说到，模块化的核心就是导入和导出，所以还是从这两个方面入手。 这两种形式是完全可以共存的，实际上，所有要导出的东西都放在一个对象种，变量名/函数名作为属性名/方法名，变量值/函数体作为属性值/方法。 模块可以设置一个默认导出的值，通过export default关键字。…

如果要了解前端为什么要进行模块化，还是得了解JS语言的发展历程。 起初，JavaScript仅仅是一门脚本语言，就是相当于在页面中添加插入一小段脚本，类似给衣服打一块补丁。所以起初JS要处理的东西相当的少，一个script标签足以解决。 后来，ajax的出现，前端的世界从同步转…

在生活中，拿我们的电脑举例，它有很多接口，比如说USB接口，耳机接口等等。这些接口插槽的作用就是为了让电脑更具拓展性。比如我们能通过USB链接鼠标，操作我们的电脑，能连接u盘，存储数据....我们的slot同样是这个作用。他也是为了让我们的组件更具拓展性，用户能自定义组件的某些…

前文我们讲了父子之间传递数据的方式，但是现在父组件想访问子组件怎么实现呢？很简单的一个需求，父组件如果想调用子组件中的方法实现呢？那就得通过父子之间的访问来实现。 这里我构建出了一颗很简单的组件树。来模拟实际问题中的组件层级关系。最上层是grandFa，中层是Father和Mo…

首先，我们知道，组件有自己的data。他只能访问自己data中的数据，而不能访问其他组件或实例中的数据，但是往往我们需要进行一些数据传递。从父组件传给子组件，比如说最外层的根组件进行了数据请求，但是里面的数据有一些是属于子组件展示的，我们就需要将父组件请求来的数据，传递给子组件…

表单元素的value绑定一个变量值，但是由于表单元素的value是可以通过用户去进行更改的，那么这个绑定变量的操作是不是只有一个初始化的作用呢？如果仅仅使用v-bind:value='message'显然是只能初始化，但是如果使用v-model指令，它可以实现数据的双向绑定，即…