vue-cli +vant ui 编写移动端所遇见的一些问题

1.后端接口在不报错的前提下，前端不应该出现页面上的一些错误

比如当你使用v-for进行循环便利数据时，如果后台给你返回的数据不是0，而是null，那么你当时在渲染时需要考虑到是否用一个默认值来代替初始数据，使用v-if配合v-else来实现数据没有的情况，

再比如当你使用数据渲染时如果没有这条数据，那么你也同样需要注意，当然有人会说，当时接口对接时都会先事先对好，但是你需要注意的是，不是每一个公司都有api文档，

更需要注意的是，当你给一个渲染的变量使用一个方法时，那么这个你一定要设置一个默认值，不然当数据为null什么的时候你直接报错，那就不是因为数据渲染没初始值而导致的页面美观性了，而是直接报错，页面你也别想加载出来了

2.兼容性问题很重要
在不同的浏览器下，当你使用一些东西时一定要注意比如颜色，html网页在安卓手机上有的颜色不能正常显示，有的却正常，但是在苹果ios系统手机上全部显示正常，
css规范了应该使用6位的写法。这真的吓人，当我写完移动端项目后，而且是在谷歌商店上架后，客户反馈有一个功能需要修改，当我改完后，一用自己的手机查看效果(第一次查看，开始写完项目我只是在Google以及火狐上面试调过)，首页正常，一点击第二个理财的tabbar我直接裂开，颜色基本上全掉完了，因为我做的都是国外的项目，比如什么菲律宾，越南，印度等等，所以界面色彩鲜艳(花里胡哨)，颜色使用的颇多，然后用的ui也是蓝湖，里面在选取颜色时，你要是不小心点击了，颜色就会变类型，我就是点了没注意导致大部分颜色都不兼容，这也是一个使用蓝湖的一个坑吧，别手痒。

3.vant ui组件使用时需要注意的点
当你使用vant ui编写移动端时，你会发现基本上所有的样式你都得改，每使用一个组件你都要改，那么你一定需要在 style 标签里面添加 scoped 属性，因为这样的话它的 CSS 只作用于当前组件中的元素，不会产生冲突，还有就是一个项目中大部分的共用(多次使用)的ui组件你在修改时，直接写在APP.vue里面，如果在单独组件里面需要改一些别的样式，那么使用::v-deep来修改，还有就是在使用ui组件时你需要多看文档，真的需要多看文档，不然你会出现一些稀奇古怪的问题，比如什么toast与Toast.loading一起使用，有些地方组件接口里面的this.$toast失效，然后将Toast()放到失效的地方然后就好了，等等等一系列的问题

今天就先写到这里，等有机会在分享一些写移动端常见的问题