一.组件化开发
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脚手架的作用
自动帮我们搭建大型项目文件所用的环境