第一次开发小程序，想利用前端技术开发小程序，就偷懒用了mpVue，但是在调用组件的时候还是发生了很多问题，一来是前端基础不够扎实，二来从来没开发过小程序的我确实认识较浅。
一、调用iview的坑
基础的如何调用组件我就不多说了 如果不会的话 网上基本的教程都有 具体讲解确实没什么意思 就针对几点我遇到的坑（emmmm 可能是我自认为的坑）大致提一下
1、iView Weapp的官方文档的教程都是针对原生小程序开发的，因此有些语法是需要修改的，以tabBar为例：
示例
但前端开发这样调用就会报错 毕竟语法不同 具体需要
1、将{{xxx}}双括号形式的调用改成v-bind；
2、函数的调用和编写都需要修改成前端开发的形式；
具体的代码：
<i-tab-bar :current="current" color="#f759ab" @change="handleChange">
<i-tab-bar-item key="homepage" icon="homepage" current-icon="homepage_fill" title="首页"></i-tab-bar-item>
<i-tab-bar-item key="group" icon="group" current-icon="group_fill" title="朋友"></i-tab-bar-item>
<i-tab-bar-item key="remind" icon="remind" current-icon="remind_fill" title="通知"></i-tab-bar-item>
<i-tab-bar-item key="mine" icon="mine" current-icon="mine_fill" title="我的"></i-tab-bar-item>
</i-tab-bar>
methods中加函数handleChange，data中current参数（data就不复制了）
handleChange (el) {
this.current = el.mp.detail.key
},
2、i-input使用时发现无法输入数据
这个问题困扰了很久 后来在论坛看到的 在i-input后面加上maxlength就解决了（methods中还是需要将输入的值赋值到name参数）
<i-input :value="name" title="姓名" autofocus placeholder="请输入姓名" @change="inputName" maxlength="50"/>
