【vux】怎么使用vux

前言

官网：https://doc.vux.li/zh-CN/

vux是干嘛的？
官网自述

网上介绍
https://www.zhihu.com/question/49398668

总结：也就是说，如果是做微信相关的，要画的界面是类似微信的，推荐用这个。
我以前也做过微信，不过那时候是用h5，ui是用的weui。而它这个是用vue的方式来实现的。这就是我对它的简单理解。另外，它里面还集成了一些相关的微信接口吧，这个如果后面开发有用到，那就先看文档了，没有的话，就自己另外写。

开始

1. 首先，集成vux
   如果是新项目，可以直接通过官网的步骤来创建项目，这样的话里面的vux的相关配置是已经配好的，自己就不用改动了。
   
   如果是集成vux，可以另外百度搜索，这个看了下，不是很难。
   
   我这边是新项目，所以就直接使用官网的方式了
   作为新项目，我这边配置了如下内容：

   • js中单引号变双引号，
   • 以及关闭js函数的括号前的空格验证，
   • 因为要在手机端测试页面效果，所以也配置了同时支持localhost和ip访问
     

2. 然后开始画界面
   按习惯的话，画页面都是需要什么，直接看官方文档示例，把代码复制过来。
   点击组件，下面会有示例。
   

体会

这是vux官方文档

槽点1：右边示例完全看不到每个组件对应什么样子，是没有盈利都不维护了么(毕竟咱是白嫖，咱也资格质问)
槽点2：每个组件的示例代码，有的组件有，有的组件没有
槽点3：上面的demo原始链接，打开后如果不设置一些东西还不能在谷歌直接访问，需要再打开个浏览器才能看到效果(如果其他可以的话，这个其实还能接受的)
槽点4：示例效果里面的每个组件，都不知道干嘛的，这个要怪我英文不好咯?

建议：之前做小程序，用的HBuild，里面做的好的也有colorui。别人那做的就挺好的，无论示例，还是文档。
并且，在这次开发的时候也看了下其他的ui，比如vant：

看别人这文档多详细。
虽然使用vux的大多是开发微信的，但是实在没必要做成这样子。
这是最上面的链接里面的一个评论：

真是除非开发微信，要用到微信风格的页面，否则，我是不会选择vux的。
我是后端，在写前端的过程中，也看到过一些后端开发写的前端页面，写的也是特别乱，好像就是只写这一次，也无所谓乱不乱了。这个文档给我的感觉就是一个后端写的…我看过我们公司前端写的代码，那是挺整洁的。
好了，框架搭好了，到此为止了。下面换其他ui

资源

搭好的vux框架模板，使用的是官方的方式，版本2.x。
因为这次决定不用这个了，所以也没添加一些配置，以及封装，就一个光杆项目。
git提交注释可以看到具体修改了哪些
https://gitee.com/xueyedangkong/vux-project-template.git