vue及组件库

vue:
    1.桌面端:
        a.iview(但没有移动端版本)talkingData团队 主要适合大中型中后台产品，好比某产品的运营平台、数据监控平台、管理平台等，从工程配置、到样式布局，甚至后面规划的业务套件，是一整套的解决方案，因此它可能不太适合一些 to C 的产品，好比 QQ 空间 这类的
        (vuex):状态管理工具,相似于react中的dva
        b.element UI:饿了么团队
    2.移动端:
        a.Mint UI :饿了么团队,组件较少,样式不太丰富,也够用

        b.VUX:组件丰富,是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。
            (需设置width = device-width,scale=1.0,)

iview使用总结

    1.table组件的data,column必须绑定在data对象中;render函数中如果有组件不能带引号

        ??官方文档在rc.18后废弃了render函数,那用什么代替呢???

    2.form表单:
        a.validate验证:必须将数据双向绑定,且将数据的整个对象同时:model=obj,传递给Form组件,才能实时验证;

        b.rules规则:require和type同属相同的层级,因此在同一条验证规则中,最好应分开设置多个验证规则(实测number是这种状况);而当type='date'时,require和type又不能分开写,疑问??????

    3.Modal组件:
        a.右上角的关闭按钮的回调函数必须执行,若没有则会没法打开第二次

    4.iview大打包压缩时报错:
        a.未将代码编译为es5,因此在.babelrc文件中设置: { "present":["es2015","stage-0"]}

        b.</>没法解析时:
        则多是代码有误,好比,在request方法中引入了Message组件,只能用import{Message} from 'iview方式引入

    5.webapck打包时的文件名:
        默认name=id,若自定义名称,可在路由中require.ensure([],function,name),参数3来定义

    6.打包体积:
        a.将公用的js(vue.js,vue-router,commonFunction,tools等js)打包进vendor.js中,可明显减少每一个页面的提交
    7.文件上传:
        a.vue-image-crop-upload:(pc端)vue图片剪裁上传组件
        b.vue2.0使用weui.js的uploader组件上传图片(兼容移动端)
        c.vue-upload-component:Vue.js file upload component, Support for multiple file uploads, progress, html4, ie9 Html4 does not support the progress bar, file size, accept, timeout, headers, response status code error of judgment

工程化工具(vue-cli):
    1.初始化:vue init webpack-simple my-project-name
    2.npm run dev
    // 项目流程
    3.若不引入状态工具,需使用监听事件实现全局管理:root.$emit('name',arguments),root对象有$on属性,也能够new 一个空Vue,专用于监听事件
        root.$on('name',function(arg){
            // 处理状态
            this.state1 = arg;
        })

    4.utile公共方法可挂载至vue对象的原型上Vue.prototype.method = {},在组件内经过this使用

    5.设置全局状态:loading,firstLoading等,loading可统一在request请求中进行控制,firstLoading可用于刷新页面操做(在编辑页面后,更新内容).

    6.在公共方法中如若使用iview方法,一样须要引入Vue对象,否则将报错,