Vue第三阶段学习回顾

一.组件化开发

1.1.父子组件的访问

• $children/$refs
• $parent/$root

1.2.slot的使用

• 基本使用
• 具名插槽
• 编译的作用域
• 作用于插槽

二.前端模块化

2.1.而什么使用组件化

• 简单写js代码带来的问题
• 闭包引起代码不可复用
• 自己是先将的模块化
• AMD/CMD/CommonJs

2.2.ES6中模块化

• export
• import

三.webpack

3.1.什么是webpack

• webpack和glup对比
• webpack依赖环境
• 安装webpack

3.2.webpack的起步

• webpack命令
• webpack的配置：webpack.config.js/package.json(scripts)

3.3.webpack中配置Vue

• vue-loader

3.4.webpack的loader

• css-loader/style-loader //打包css文件

• less-loader/less //打包less文件

• url-loader/file-loader //打包图片

• babel-loader //ES6转化为ES5

3.5.webpackdeplugin

• BannerPlugin // 版权
• HtmlWebpackPlugin // 把index.html打包
• UglifyjsWebpackPlugin // 压缩bundle.js

3.6.搭建本地服务器

• webpack-dev-server

3.7.配置文件的分离

四.Vue CLI

Vue脚手架的作用

自动帮我们搭建大型项目文件所用的环境

4.1.脚手架搭建环境的各文件作用解读