目录
- 使用nanoid库
- 需求
- 思路
- 实现
- 父亲把数据给儿子的方法
- 儿子把数据给父亲
使用nanoid库
首先是安装 npm install nanoid
安装完成之后，
以上就安装完成
如何使用呢？ 在自己需要用这个库的组件的页面先引入，因为这个库是分别暴露的，所以引入的时候写法是这样的
使用
需求
实现以上的功能
思路
写4个组件，头部组件，底部组件，列表组件，列表中每一item组件。 APP.vue 组件将头部组件，底部组件，列表组件都引入，这样页面就可以展示出来了
因为数据是存在在list里面的，各个组件都需要这个数据，那么我们把数据写在了APP.vue 里面，相当于把数据放在了父亲里面，以后各个儿子想要操作数据，都去父亲里面拿就可以了。
实现
父亲把数据给儿子的方法
儿子把数据给父亲
也就是儿子想要改父亲里面的数据，那么我们可以在父亲里面将一个改变数据的方法传给儿子，儿子只要调用这个方法，并且传参，那么就可以改变父亲里面的数据了。
