模块化开发（局部组件+全局组件+组件传值）

局部组件

在某一个组件中进行使用的组件就叫局部组件；

局部组件的三步；

第一步：导入局部组件；

（测试代码）

然后在写一个测试局部组件的测试vue(zj.vue);

第二步：将引入的局部组件注册到组件里面；

第三步：使用局部组件；

书写zj.vue的路由（index.js文件），通过端口号可以访问到；

全局组件

注册的组件在所有的组件中都可以进行使用（main.js）;

全局组件的三步；

第一步:引入全局组件；（main.js）；

第二步：注册全局组件；（main.js）；

第三步：在其他组件中进行使用；

组件传值（父传子、子传父）

父传子：

1.父组件的data中有一个变量；

2.在父组件中绑定一个属性传递给子组件；

3.子组件接收这个值，使用props 来接收父组件中的值；

4.使用父组件传过来的值；

子传父：

将子组件中的值传递给父组件；

子组件在进行传值的时候一般通过按钮传递；

1.点击按钮的时候需要自定义一个事件（通过这个事件进行传值）；

2.父组件使用一下子组件中定义的事件接收值；

3.通过函数 接收值

4.使用一下值

5.访问测试效果；