一、工程化开发入门
**1.**工程化开发和脚手架
我采用的是npm.cmd
**2.**脚手架目录文件介绍和项目运行流程
**3.**组件化开发和根组件
**4.**普通组件的注册使用
（1）局部注册：只能在注册的组件内使用
使用：当成 html 标签使用 <组件名></组件名>
（2）全局注册：所有组件内都能使用
使用：当成 html 标签使用 <组件名></组件名>
技巧：一般都用局部注册，如果发现确实是通用组件，再定义到全局。
二、组件的三大组成部分 (结构/样式/逻辑)
注意点说明
**1.**组件的样式冲突 scoped
在 components 文件夹下的 .vue 文件操作
javascript
<style scoped>
/*
1. 默认的 style 样式， 会作用于全局 => 全局样式
2.加上 scoped 属性的 style 样式，只会作用于当前组件 => 局部样式
组件应该有着自己独立的样式，推荐加上scoped(原理)
-----------------------------------------------------------
scoped原理：
1. 给当前组件模板的所有元素，都会添加上一个自定义属性
data-v-hash值
data-v-5f6a9d56 区分开不同发组件
2.css选择器后面，被自动处理，添加上了属性选择器
div[data-v-5f6a9d56]
*/
div {
border: 3px solid skyblue;
margin: 30px;
}
</style>**2.**data 是一个函数
三、组件通信
1.父传子
（1）父组件通过 props 将数据传递给子组件
2.子传父
（1）子组件利用 $emit 通知父组件，进行修改更新
总结：
