一、概览-组件化开发和webpack

一、组件化开发

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模块

4.3CLI2目录结构的解析

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 2019年8月7日 (1)项目开发准备 1.node与npm准备 npm是node自带的包管理器 2.安装vue-...
    羽莱特工队阅读 189评论 0 0
  • 前沿 置身世外只为暗中观察!!!Hello大家好,我是魔王哪吒!重学巩固你的Vuejs知识体系,如果有哪些知识点遗...
    lessonSam阅读 1,203评论 0 13
  • 狂神说Vue笔记 想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走,其中前端是绕不开的一门必修课。本...
    华夏天骄阅读 876评论 0 0
  • 基础知识 计算属性computed具有缓存的作用,当你的属性计算没有任何改变的时候,你多次调用这个计算属性将只执行...
    五行缺钱_4468阅读 297评论 0 0
  • Vue Vue是一个前端js框架,由尤雨溪开发,是个人项目 Vue近几年来特别的受关注,三年前的时候angular...
    hcySam阅读 303评论 0 0