Vue 1.27

一、工程化开发入门

1.工程化开发和脚手架

我采用的是npm.cmd

2.脚手架目录文件介绍和项目运行流程

3.组件化开发和根组件

4.普通组件的注册使用

（1）局部注册：只能在注册的组件内使用

使用：当成html标签使用<组件名></组件名>

（2）全局注册：所有组件内都能使用

使用：当成html标签使用<组件名></组件名>

技巧：一般都用局部注册，如果发现确实是通用组件，再定义到全局。

二、组件的三大组成部分 (结构/样式/逻辑)

注意点说明

1.组件的样式冲突 scoped

在components文件夹下的.vue文件操作

<style scoped> /* 1. 默认的 style 样式， 会作用于全局 => 全局样式 2.加上 scoped 属性的 style 样式，只会作用于当前组件 => 局部样式 组件应该有着自己独立的样式，推荐加上scoped(原理) ----------------------------------------------------------- scoped原理： 1. 给当前组件模板的所有元素，都会添加上一个自定义属性 />
三、组件通信
1.父传子
（1）父组件通过props将数据传递给子组件
2.子传父
（1）子组件利用$emit通知父组件，进行修改更新
总结：