过程中遇到的问题：

1、在使用Element-UI 时可以明显看出图标太少了！！！

中途想引用bootstrap以及其他ui库的图标，当引入bootstrap的样式时发现ElementUI的样式发生了变化，加之多引入一个库网页的大小就会变的更大！

       解决方案：

               引入阿里巴巴矢量图标库

        步骤：

1. 进入阿里巴巴矢量图标库  https://www.iconfont.cn
2. 注册登录一下账号
3. 新建一个项目
   
4. 搜索想要的图标
5. 选中图标、选择添加入库
6. 点击右上角的购物车图标，然后选择添加到项目中
7. 选择fontclass
   
8. 选择右边的 下载到本地
9. 解压缩后，将iconfont.css文件放入项目文件夹中    ====》其中有个index.html用浏览器打开可以得知使用方法
10. 在项目中引入css文件 注意href路径问题

    <link rel="stylesheet" href="../../../static/css/iconfont.css">

     

11. 引入css文件的组件，可以使用刚才下载好的字体图标，调用方式是通过类名调用的。
    由于我使用的是ElementUI所以在使用的的时候有两种方式注意图标名称 icnxxx换成你下载的图标名称
    1、阿里巴巴矢量图标库用的：

    <span class="iconfont iconxxx"></span>

    2、通过ElementUI的<i></i>标签引用

    <i class="iconfont iconxxx"></i>

    然后就可以看到效果了！完成

 

2、vue的组件化编程中，兄弟组件通信遇到了问题

解决方式：

       使用PubSub来实现兄弟组件的通信
PubSub的优点：可以是实现任意两个组件之间的通信

使用方法：

       首先安装PubSub：

npm install PubSub -S

使用方式：

1. 在需要进行组件通信的组件中引入PubSub

   import PubSub from 'pubsub-js'

    

2. 在触发事件的组件，发布消息

   触发按钮
   <button @click="example"></button><script >import Pubsub from 'pubsub-js'export default {methods:{example(){Pubsub.publish("事件名",‘可传参数，也可以不传’)}}
   </script>

    

3. 在接收事件的组件中进行订阅消息

   <script>import PubSub from 'pubsub-js'export default {// 钩子函数 挂载监听事件mounted () {PubSub.subscribe("前面发布的事件名",(msg,data)=>{// 这里用到了匿名函数，其中msg是必传参数，后面的一个是传过来的数据（可无）/*这里写自己的逻辑*/})},
   }