一、组件化开发
1.1父子组件的访问
children/refs
parent/root
1.2插槽的使用
基本使用
具名插槽
编译作用域
作用于插槽:父组件展示子组件数据
二、前端模块化
2.1为什么要使用模块化
简单写JS代码带来的问题
闭包引起代码不可复用
自己实现简单的模块化
AMD/CMD/CommonJS
2.2ES6中模块化的使用
export
import
三、webpack
3.1什么是webpack
webpack和gulp对比
webpack依赖环境
安装webpack
3.2webpack的起步
webpack命令
webpack配置:webpack.config.js/package.json(script)
3.3webpack的loader
css-loader/style-loader
less-loader/less
url-loader/file-loader
babel-loader
3.4webpack中配置vue
vue-loader
3.5webpack的plugin
3.6搭建本地服务器
webpack-dev-server
3.7配置文件的分离
四、Vue CLI
4.1什么是脚手架
脚手架是什么东西
脚手架依赖webpack node npm
安装CLI3 拉取CLI2模块