vue简单组件封装

组件封装用于多个类似的样式或功能，直接封装组件减少代码重复率，提高维护效率

例如一个面板panel：

效果图：（手机端）

vue创建一个panel.vue

    export default {
      props: {// 要用到的值，用props传递
        leftTitle: '', 
        leftInfo: '',
        centerTitle: '',
        centerInfo: '',
        rightTitle: '',
        rightInfo: ''
      },
      methods: {
        handleClick () {
          this.$emit('leftTitleClick')
        }
      }
    }

panel.vue完成，在需要的页面或组件中引入后即可

// 动态数据就:leftTitle="leftTitle"